Skip to content
Submitted about 2 years ago

My first frontend responsive project solution using flexbox

vishy351•40
@vishy351
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

I'm not sure the way I've put the background image is the correct way to do it. I wanted to resize my background image keeping its original ratio and making a container exactly the same size of the image. Any suggestions or feedback ?

Community feedback

  • Mario•140
    @Mario97MPosted about 2 years ago

    Looks pretty good. Two things: the button should change color when you hover over it and the cursor should change to a pointer, also in the mobile view the main card should be centered vertically.

    Marked as helpful
    0
    vishy351•40
    @vishy351Posted about 2 years ago

    @Mario97M Thanks a lot for the feedback. For the hover effect for the button I tried to decrease its opaqueness a little but for some reason it was messing with the already assigned color. As for the cursor changing to pointer, it never occurred to me , so I'll keep that in mind for the future projects and finally for the mobile view It appears vertically centered to me . Something wrong with my code ?

    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