Skip to content
Submitted 4 months ago

Flexbox, BEM, Responsive without media queries

boysers•60
@boysers
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Blog preview card
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

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

Reduce font size without using media queries, using "clamp" (CSS function) with measure unit "vw" (viewport width) CSS units

Community feedback

  • Avanti-L•50
    @Avanti-LPosted 4 months ago

    Great work! Your solution includes semantic HTML. The hover effect is perfect. Your solution exactly matches the design. The layout looks good on different screen sizes. Also, your code is well-structured and readable.

    1

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