Skip to content
Submitted over 4 years ago

Responsive Huddle Landing Page With Cool Animations (Flexbox)

Adarsh Pratap•5,515
@adarshcodes
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Huddle landing page with curved sections
  • HTML
  • CSS
2junior

Design comparison

SolutionDesign

Solution retrospective

Hey everyone, I worked hard on this challenge. I'm uploading this second time as the first one doesn't look at how I want to make it. Let's see what I got now, If you have any suggestions or recommendation or anything which can be modified, please tell me, I'd love to hear from this amazing community. Any suggestion on how I can fix this HTML issue

Community feedback

  • Edgar Burtnieks•465
    @edburtnieks-privatePosted over 4 years ago

    Hey @Adarsh.

    The design is spot on! The crazy animation on page load made me laugh:D

    You did not use any SASS or CSS Modules or any other css compilers, right? I see that you css is 1000+ lines of code, so I would probably think about splitting it into several smaller files. I like that you at left some comments on different sections inside css file :)

    About your HTML issue, you are missing an element with id #subscribe-btn. In the repo the input element has aria-labelledby="news-heading" though.. But the aria-labelledby looks for the element with id of the same name.

    2
    Adarsh Pratap•5,515
    @adarshcodesPosted over 4 years ago

    @edburtnieks I got the HTML issue and I like the suggestions of code splitting in different files, I will definitely implement this from the next challenge. Thank you for your suggestion

    1
  • Esu Gabriel•260
    @orion-esuPosted over 4 years ago

    I love the animations your work carry, I look forward to creating amazing animations like those

    1
  • Antonio Della Fortuna•140
    @adarkforcePosted almost 4 years ago

    That is 100% perfect

    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