What's the best way to place a div in the center of a page, can you do it without using absolute positioning?
I got my solution from stackoverflow (https://stackoverflow.com/questions/356809/best-way-to-center-a-div-on-a-page-vertically-and-horizontally)
Hi! this is one of the most simple ways to do it:
/* main container */
.container {
min-height: 100vh;
display: flex
}
/* inner container */
.container__child {
margin: auto
}
And that's it... I hope this can help :)
All the ideias are welcome.
You did a great job... but. Pay a little more attention to containers padding to make them more simetrical. Also, the tipography on the app footer is very hard to read, you can improve the contrast by changing the color or font size. I hope this can help.
how do i make it responsive :v
On this challenge there isn't much to do on responsive desig. But... here you have a simple but efective hint. You can set a dinamic value to your main container and then, restrict the full width.
.container { width: 100%; max-witdth: 480px /* or value referenced on layout guide */ }
I hope this can help you out... keep coding.
feedback on how to improve the ui and responsiveness are welcome
To be honest there is not much to do on resposive design, but here some tips. You can set a default dinamic value to the container and then, limit the container width with the max-width property.
.container { width: 100%; max-width: 400px }
