Skip to content
Submitted about 1 year ago

Responsive Design using HTML , CSS

Kimo Spark•2,190
@kimodev1990
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 resolving the challenges I've submitted before, but this time I'm focusing on the responsive design development more So I've If you have any remarks or tips , Inform me and will be appreciated.

Community feedback

  • Enis Kerti•590
    @eniskrtPosted about 1 year ago

    Good job on desktop. But you have minus in your responsive design, I think. For example, in this challenge you shoul use two img. One in desktop, other in responsive. When the screen shrinking, big one will have display=none, other will have display block. You can do that bootstrap easier with classes. And to get the card in the middle of the page you can use in your body tagmin-height=100vh.

    Good code!

    Enis...

    Marked as helpful
    1
    Kimo Spark•2,190
    @kimodev1990Posted about 1 year ago

    @eniskrt Appreciate your remarks, Thanks

    0
    Enis Kerti•590
    @eniskrtPosted about 1 year ago

    you're welcome @kimodev1990 !!

    Good 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