Skip to content
Submitted over 1 year ago

3column card with clamp for responsive fonts

colognia•70
@colognia
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...3-column preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hi all! Went quite smooth, around 3 hours with little viewport problems (grin). Played with clamp 1st time to achive a responsive font-size, nifty.

  • Is there a way of declaring a variable like --variable and combine a font-size, a font-family and font-weight alltogether? Thank you! :)

Community feedback

  • Account deleted

    Hello, try to do this:

    1. --variable: bold 15px Arial
    2. font: var(--variable)
    Marked as helpful
    1
    colognia•70
    @cologniaPosted over 1 year ago

    @at33v Whow, this is cool! Exactly what I was looking for and did not know an accumulating tag like just "font" exists. Thank you so much, it will safe me lots of styling work in the future! :)

    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