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

Flex Box Practice Product Preview Card Component

P
Teano Goss 130

@tcaturani-goss

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@kob112358

Posted

I'm seeing two options to help gap the disparity between your picture and the right side of your component. 1)add 'justify-content: space around' on your .card-text-container css to space out the right side a bit more. 2)control the height of your card-container on desktop size.

I love the way you have everything laid out - it makes a lot of sense and is easy to find what I'm looking for. I'm definitely taking a couple of pointers from your layout :)

1

P
Teano Goss 130

@tcaturani-goss

Posted

@kob112358 I appreciate the feedback Erick the space around worked perfectly! and thank you so much I've been really trying to make it easy to read for awesome people like you that give me great feedback when I can't figure something out!

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