Skip to content
Submitted 8 months ago

Landing page using css flexbox

Mikhail•460
@mkostrikov
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?

the size of the card and fonts can be changed without using multimedia queries

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

selecting the values of the clamp function

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

what size of header should I use inside the card?

Community feedback

  • edpau•440
    @edpauPosted 3 months ago

    Thank you for sharing your code, it is my first time seeing clamp( ) and inline-size, it is very impressive to see the card and fonts can be changed without using multimedia queries.

    Can you share the logic on how you determine on the preferred value of the font-size: clamp(1.2rem, 0.2vw + 1.125rem, 1.4rem); How did you decide to use 0.2vw + 1.125rem?

    With regard to the what size of header. I think the choice of <h2> as used in your HTML is appropriate.

    Marked as helpful
    0
    Mikhail•460
    @mkostrikovPosted 3 months ago

    https://royalfig.github.io/fluid-typography-calculator/

    @edpau

    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