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

huddle Landing page using Flexbox

@Chriseden83


Design comparison


SolutionDesign

Solution retrospective


First attempt at a website without any tutorials, decided to go with a Flexbox mobile first approach. Had a little trouble with the social links on the desktop layouts and viewport height. Not overly happy with my final solution but I did learn from it.

Would love some constructive criticism on this project.

Community feedback

@samuelpalaciosdev

Posted

Hi, Chris👋

Great job on this challenge. Your solution looks good and it scales pretty well👍

I only suggest some things 😉:

  • Changing the button to an <a> (anchor link). If this would be an actual webpage, those buttons should redirect somewhere.

  • As Karim said, instead of using overflow:hidden you should use overflow-x:hidden. Because, if you left as it is right now, I can't scroll on mobile viewport.

I hope this would help you, have a nice day, keep coding!

1

@Chriseden83

Posted

@samuelpalaciosdev Hi Samuel,

Thank you so much, I really appreciate it. You make good points on both, after thinking about them they do make sense. I wasn’t 100% happy with how this challenge panned out but I’ve learnt a lot.

Looking forward to getting stuck into other challenges.

0

@samuelpalaciosdev

Posted

I'm glad I helped you, remember, learning to code is a non-linear process and forcing a strictly linear structure on it will slow your learning process. It is analogous to learning a language.

0
Karim 810

@Karimsamir112

Posted

hey man , this is good , I like it but you shouldn't put overflow: hidden in body you can use only overflow-x: hidden.

keep going and happy coding.

1

@Chriseden83

Posted

@Karimsamir112 thanks man, appreciate the feedback. Not 100% happy with the solution but I'll learn from my mistakes.

0
Karim 810

@Karimsamir112

Posted

@Chriseden83 good and this is the most important thing

0

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