Skip to content
Submitted 3 months ago

Responsive preview card using css clamp()

BekzodIsakov•100
@BekzodIsakov
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 are you most proud of, and what would you do differently next time?
  1. Used @font-face to use local fonts
  2. Used CSS clamp() to make fonts responsive without using media queries

Community feedback

  • Zub04ek•110
    @Zub04ekPosted 3 months ago

    Hi, @BekzodIsakov, your code is well structured and readable, especially the variables for the CSS properties.

    Also, I noticed that you used a grid to align the content, which is new and interesting to me and is a reason to think about choosing a grid next time.

    You did a great job on this project 👍

    0
    BekzodIsakov•100
    @BekzodIsakovPosted 3 months ago

    Thank you ) @Zub04ek

    0
  • Aram Hekimian•410
    @HekimianzPosted 3 months ago

    Great job! Looks great 😄

    0
    BekzodIsakov•100
    @BekzodIsakovPosted 3 months ago

    Thanks ) @Hekimianz

    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