Skip to content
Submitted 17 days ago

Responsive page using CSS Grid and SCSS

#sass/scss
heixiaozhi•70
@heixiaozhi
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

What are you most proud of, and what would you do differently next time?

using scss

What challenges did you encounter, and how did you overcome them?

using scss and grid layout

What specific areas of your project would you like help with?

code review

Community feedback

  • Jason Burke•150
    @JasonPBurkePosted 16 days ago

    This looks really good!

    Perhaps rather than using an <a> tag, you could use a <button> tag.

    Also, if you use {max-inline-size: 100%} on your image when in mobile you will be able to lock the image to the container without it overflowing.

    Marked as helpful
    0
    heixiaozhi•70
    @heixiaozhiPosted 14 days ago

    @JasonPBurke thank you guys

    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