Huddle landing page with alternating feature blocks using tailwindcss
Design comparison
Solution retrospective
I build this project using tailwindcss. If you have any suggestions, feedback or comment. Please write down below. I'll be happy to see your suggestions, feedback or comment 😁
Community feedback
- @pikapikamartPosted over 3 years ago
Hey, great work on this one.
Though the layout in the desktop is fine, but because of those huge images it destroys the flow of the layout.
-
It will be really good if you adjust the image sizes because right now, they are really big and it pushes the text either on the left or right side. Not only that, the images are overflowing thus overlapping other images below them which is not really good to look at. Adjusting them will be really awesome.
-
Your footer social media icons should be wrapped inside an
a
tag since they are supposed to be links right, so nesting them insidea
tag is a proper choice. -
Multiple h1. I recommend using only one h1 per page. For most users, it is fine and what is the harm right, but for user who uses screen readers it might cause a problem. So this one is really for accessibility purposes but still really great.
Reaching the mobile state, the layout is really good and no issues at all.
Overall, you did a good job^^
1@Abdul-coder-makerPosted over 3 years agoThank you @pikamart, For the first point you talk about, The images in the site itself are correct but it appear like that with the Design Comparison but I will adjust them.
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