Skip to content
Submitted almost 2 years ago

Flexbox;

Shubhooooo•20
@Shubhooooo
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 am a beginner so it is hard for me to make responsive pages. I am still learning.Please tell if there are any suggestions

Community feedback

  • Davis•330
    @davislocsPosted almost 2 years ago

    Hey whats up!

    I have a few suggestions for you to improve your code:

    • Dont use<div>for everything. There are many other tags whitch you can use for better accessibility. Before even trying to make this responsive, first learn about proper semantic meaning about html tags.

    Whatch this video about correct use HTML semantics.

    • for responsivnes use :
    @media only screen and(max-width: 800px)
    • I also suggest to start using rem units instead of px:

    here are a video about units.

    I hope this helps. Happy coding! :)

    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