Skip to content
Submitted about 2 years ago

Flexbox solution

Dennis Zhang•320
@ieatn
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Product preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hi you! Thanks for checking out my beginner solution. I rawdogged this with vanilla HTML and CSS flexbox.

  1. Is my approach to separating the content fine? I used a main container and then used an image for left side and a right div to hold the right side text.
  2. The image was covering up my border so I couldn't get the rounded borders.
  3. How could I refactor the HTML and CSS for cleaner and readable code?
  4. Is there a general guideline for margin, width, height or should you just eyeball it?

Community feedback

Please log in to post a comment

Log in with GitHub

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