@AdrianoEscarabote
Posted
Hi Agil, how are you? I really liked the result of your project, but I have some tips that I think you will enjoy:
If we see how the layout is behaving at higher resolutions, with the help of google dev tools, we will see that it is stretching a lot, to solve this we can use a max-width with the value we want the content to stop growing and to center use a margin: 0 auto
body {
max-width: 1440px;
margin: 0 auto;
}
Avoid using px
, If your web content font sizes are set to absolute units, such as pixels, the user will not be able to re-size the text or control the font size based on their needs. if you want to keep using px for development and then format the whole code to rem, you can use this vscode extension: px to rem
The rest is great!
I hope it helps... 👍
Marked as helpful