NFT project - Mobile first solution using Flexbox
Design comparison
Solution retrospective
I hope it will be useful for you! Any feedback is welcome to improve myself
Community feedback
- @retiens123Posted about 2 years ago
Consider using first time when you start to code with '*' instead of 'body':
- {padding: 0; margin: 0; box-sizing: border-box;}
For font-size use 'rem' instead of 'px'. Rem is a relative unit related to the root font sizes. Px is not scalable, it is an absolute unit.
Marked as helpful0@alessandra-casolePosted about 2 years ago@retiens123 Thanks for the tips, I appreciate them very much :) I have been using the reset * for a long time but I don't know why lately it gave me problems because it cut parts of the screen, as the bullets
0@retiens123Posted about 2 years ago@alessandra-casole delete "html," from the top (start) of CSS file and add to the main section in style.css this: min-height: 100vh;. These are for full background color.
0@alessandra-casolePosted about 2 years ago@retiens123 Thank you very much!! I had written it by mistake in the body
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord