Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted 10 months ago

clamp(), h1:hover

wisdomlight•30
@wisdomlight
A solution to the Blog preview card challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


What are you most proud of, and what would you do differently next time?

It was interesting to realize that css had the option to determine size of text with vw, and that text could be clamp() to have a minimum, preferred, and max size.

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

The challenge is always the same, how to write the most efficiently organized css rules

the other challenge is that in both this and my first project the size of the card - which I took from the design specifications, did not seem to be corresponding to the very clever check tool that places my design and the original design one next to the other.

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on wisdomlight's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License