Skip to content
Submitted over 4 years ago

Huddle Landing Page using CSS and HTML

Luke•220
@lukebergmann
A solution to the Huddle landing page with a single introductory section challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Please feel free to go through my code and let me know if there is anything I am doing that is either slowing me down, or making my life harder than it needs to be. I am having a bit of trouble still laying everything out. I am also having a problem with everything shifting around when I make the website larger or smaller. I could use a couple of pointers!

Happy coding, Luke

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • ApplePieGiraffe•30,525
    @ApplePieGiraffe

    Hey, Luke! 👋

    Good effort on this challenge! 👍

    As MasterDev333 suggested, it would definitely be worth looking into learning and using a layout method like flexbox to layout your projects. This will help you avoid the trouble of positioning all of the elements on your page with absolute positioning (since that can become rather tedious and prevents your design from being very responsive). You can also group related elements in containers and then position those containers within the page and the elements within them differently to speed up your workflow and improve the overall neatness of your layout. 🙂

    In addition to that, don't forget to turn the social media icons at the bottom of the page into actual links! 😉

    Keep coding (and happy coding, too)! 😁

  • Web Frog•1,840
    @MasterDev333

    Hi, Luke. I've checked your solution. You've done everything using position: absolute, but it couldn't be. I suggest you check other solutions and you may get some idea from it. You should use Flexbox to arrange items in this challenge. Hope you find the right solution. If you have any problems, DM me on slack. Happy coding :)

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