Product preview card using html and css flexbox

Community feedback

• 

  Daniel 🛸•44,250

  @danielmrz-devPosted about 1 year 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!

  Marked as helpful

  0

  ---

  

  Alexis•70

  @alexisshyPosted about 1 year ago

  Thank you so much for your help! I will definitely apply this. @danielmrz-dev

  1
• 

  MartinXCVI•150

  @MartinXCVIPosted about 1 year 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!

  Marked as helpful

  0

  ---

  

  Alexis•70

  @alexisshyPosted about 1 year ago

  Hey thank you so much! This is definitely helpful, I will apply this. @MartinXCVI

  1