Skip to content
Submitted almost 2 years ago

Responsive Card Component Preview

Sahorri•120
@Sahorri
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

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
    @SahorriPosted almost 2 years ago

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

    0
  • Sahorri•120
    @SahorriPosted almost 2 years ago

    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

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