Product preview card using html and css flexbox

Community feedback

• 

  P

  Daniel 🛸•44,810

  @danielmrz-dev

  Posted almost 2 years ago

  Looks great!

  If you want to center the card, both horizontally and vertically, try that:

  body { height: 100vh; display: flex; align-items: center; justify-content: center; }

  And about making it responsible for mobile devices, media queries help with that :)

  Hope it helps!

  01

  Marked as helpful
• 

  MartinXCVI•150

  @MartinXCVI

  Posted almost 2 years ago

  Hi! The card looks pretty good - I would suggest you to get used to applying the proper HTML semantic tags. Wrapping it all inside a <main> instead of a <div>, setting its height to 100vh, and centering your card by flexing its parent element. This will make it more comfortable for viewers to enjoy this project. I hope this helps you!

  01

  Marked as helpful