Skip to content
Submitted about 4 years ago

Huddle Landing Page With Fluid Typography and CSS Animations

ApplePieGiraffe•30,545
@ApplePieGiraffe
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Huddle landing page with alternating feature blocks
  • HTML
  • CSS
2junior

Design comparison

SolutionDesign

Solution retrospective

Hey, everybody! 😁

This was a fun project in which I tried my hand at implementing fluid typography (i.e., the size of the text grows larger and smaller with the viewport width) with the CSS function clamp() and included some cool animations from, of course—Animate.css.

It's not perfect—but I'm learning a lot and it's great fun! 😆

Feedback is welcome and much appreciated! 👍

Community feedback

  • karenefereyan•375
    @karenefereyanPosted over 3 years ago

    Nothing in this world has confused me.more than clamp() 😫😫😫😫

    1
    ApplePieGiraffe•30,545
    @ApplePieGiraffePosted over 3 years ago

    @karenefereyan

    😅😀👍

    0
  • Srinishaa•0
    @SrinishaaPosted about 4 years ago

    I loved it. I am learning to use animations too.

    0
    ApplePieGiraffe•30,545
    @ApplePieGiraffePosted about 4 years ago

    @Srinishaa

    Thanks! Animations are a lot of fun.

    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