Skip to content
Submitted 5 days ago

Responsive Product Preview Page Built with Flexbox, CSS Grid, and Sass

#sass/scss#vite#accessibility
Akiz-Ivanov•100
@Akiz-Ivanov
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?

I'm satisfied with the layout. It took a bit of effort to make it look as close to the design image as possible.

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

While the project was straightforward, I encountered minor challenges in ensuring pixel-perfect alignment and responsiveness across different screen sizes. I overcame these by using CSS Flexbox and Grid for layout, along with media queries to fine-tune the design for various devices.

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

Feedback is always welcome. If you notice any areas for improvement, please let me know.

Community feedback

  • Gian•10
    @Giancarlo-vsPosted 4 days ago

    -Yes it does. -Change the font size, create another @Media Query for tablet screens. -It look good for mobile and desktop. -It is.

    • No, is simmilar.
    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