Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

NFT project - Mobile first solution using Flexbox

@alessandra-casole

Desktop design screenshot for the NFT preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I hope it will be useful for you! Any feedback is welcome to improve myself

Community feedback

Andrei 110

@retiens123

Posted

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 helpful

0

@alessandra-casole

Posted

@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
Andrei 110

@retiens123

Posted

@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-casole

Posted

@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 GitHub
Discord logo

Join 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