Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Landing page using css flexbox

P
Mikhail 400

@mkostrikov

Desktop design screenshot for the Blog preview card coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

P
edpau 240

@edpau

Posted

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

P
Mikhail 400

@mkostrikov

Posted

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

@edpau

1

Please log in to post a comment

Log in with GitHub
Discord logo

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