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

Responsive Huddle Landing Page With Cool Animations (Flexbox)

Adarsh Pratap 5,515

@adarshcodes

Desktop design screenshot for the Huddle landing page with curved sections coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

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

@edburtnieks-private

Posted

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

@adarshcodes

Posted

@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

@orion-esu

Posted

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

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