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
- @hardy333Posted almost 3 years ago
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 theh1
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 helpful1@simplyJCPosted almost 3 years ago@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 GitHubJoin 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