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

Responsive Card Component Preview

Sahorri 120

@Sahorri

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hello everobody,

  • I'm a total (French) beginner. I started to learn to code about 2 months ago in total autodidact.
  • I created several versions of this project, first focusing on HTML and CSS to understand deeply the concept of Flexbox.
  • Then I integrated new elements as I went along, the last one being the responsive one to stick as close as possible to the solution.
  • I know my code is far away to be perfect.
  • I had a one question, why on the desktop display, my image and my text container are not the same height?

Thank you for your feedback which I'm sure will help me to progress!

Community feedback

Sahorri 120

@Sahorri

Posted

I find the problem. I have to add "display:block" to my image.

0
Sahorri 120

@Sahorri

Posted

Someone to answer to my questions ?

I had a one question, why on the desktop display, my image and my text container are not the same height? They seem to be offset, impossible to put them in front of each other even with the same height.

Thanks.

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