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 Grid and Flexbox

#bem#sass/scss

@simplyJC


Design comparison


SolutionDesign

Solution retrospective


This is attempt for the huddle landing page using grid and flexbox. Making it responsive as well. Any feedback is highly appreciated. Thanks.

Community feedback

hardy 3,660

@hardy333

Posted

Hi, congratulations on completing this challenge.

Few Suggestions:

  • Try to apply some box-shadow on button component, also you can make it little bit bigger by applying more vertical padding.
  • In design files On heading component you can notice that phrase - ,,Build the community" and - ,,Your fans will love" are on different lines - there are line break between them, you can achieve that by using <br> tag in the h1 tag. This is a very little detail by I think it is important.
  • Your version of social media icons are little different than on design files, in order to fix them you can use other version of fontAwesome icons which are not filled and then use borders on li/a tag.
  • On mobile screen size, your attribution is too close to bottom screen edge, try to gave some padding on body element or some wrapper container element.

Hope this suggestions will help you. Good luck and have a nice day.

Marked as helpful

1

@simplyJC

Posted

@hardy333 Thank you for the suggestion.. It will really helps. I having a problem looking for the specific icons on fontawesome. I will give it a try.

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