Help with front-end, responsive part

Asked

Viewed 35 times

-2

You guys talk, okay? I need a help, I’m making a login page and my machine is all aligned, inside the Divs correctly, but in other pc’s is getting broken formatting, someone could give me a light of what I can be doing to solve this problem?

This is the code of the box where the pages are [![

.box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 700px;
    height: 85vh;
    padding: 50px;
    background: rgba(0,0,0,.7);
    box-sizing: border-box;
    box-shadow: 0 15px 25px rgba(0,0,0,.9);
    border-radius: 5px;   
    flex-wrap: nowrap;
}

inserir a descrição da imagem aqui inserir a descrição da imagem aqui

html css

  • Take . box height value to test

  • 1

    What’s the problem? Just looking at the prints makes it hard to guess the problem. You describing the problem makes it easier and you can get the solution to your problem more easily. In which resolution was it "broken" (where is it broken?)? It is good to put the complete code also so that we can try to reproduce the problem.

1 answer

-1

As they said you didn’t put the code all. It would be nice to put somewhere to really test and help you.

In the eye so I’ll try with what I understand may be wrong.

1- Strip height: 85vh; You put a fixed height so the elements will be distributed within that context.

2- Set a margin and padding for all child elements 

.box > * { margin: 0; padding: 0; }

browsers come with space between different elements between one , , and etc so you can set a value for each element.

Follow the link from the website of the coolest guy I know about this solution: https://www.maujor.com

If you want to help those who can help you put HTML together with CSS here or on some type site Pastebin

Or on your github

And to infinity and beyond.

  • Pastebin no! The code should be here on the page in the form of a [mcve] and the answer should be based strictly on the content of the question.

Browser other questions tagged html css

You are not signed in. Login or sign up in order to post.