
Huddle landing page with alternating feature blocks
Design comparison
Solution retrospective
Solved the challenge all by myself even though I faced some challenges, and would like to solve more challenges a little bit challenging than this in the near future.
What challenges did you encounter, and how did you overcome them?Positioning of the "free-container" on top the footer. I had to watch someone's approach used to solve that part.
What specific areas of your project would you like help with?I need help with the proper positions of element using the position properties and their values. And all suggestions are highly welcomed for my improvement on the coding journey.
Community feedback
- @bhuvi819381Posted about 2 months ago
Hello,
I reviewed your solution, and it looks great! Here are a few suggestions to make it even better:
-
🏷️ Use Semantic Tags Incorporate semantic tags like <main>, <section>, <article>, etc., to improve the structure and accessibility of your code.
-
📚 Divide into Sections You can split parts of your page into <section> tags. It makes your code more organized and easier to understand.
-
📖 Use Heading Hierarchy Follow a logical heading structure, starting with <h1> and moving down to <h2>, <h3>, etc.
-
🎨 Optimize .free Part Instead of using position, you can achieve the same effect with:
background-image: linear-gradient(upper-color 50%, footer-color 50%);
Give it a try! 😁
-
🌟 Pixel Perfect Design If you don't have a Figma file, you can use a Chrome extension called Pixel Perfect by WellDone.
-
🛠️ Check for Errors After submitting the solution, always check the error report of HTML and accessibility. If you find errors, just solve them.
These changes will enhance your solution and make it even more polished. Keep up the excellent work! 👏
Best regards, A Frontend Friend
Marked as helpful0 -
- @Sulley-SadickPosted about 2 months ago
I have sent you message on twitter and I would be very proud if you would reply me there then I can ask you questions some few questions about the project and some other project that I may work on daily. Thank you very much for being very open brother.
1 - @Sulley-SadickPosted about 2 months ago
Thank you very much brother, I really appreciate your effort in trying to help me improve on my coding skills. And also I will work on all the suggestions you've told.
1@bhuvi819381Posted about 2 months ago@Sulley-Sadick if you've question you can ask me. I'll help if i know 😀
Marked as helpful0@Sulley-SadickPosted about 2 months ago@bhuvi819381 I wanted to text you on LinkedIn but I don't have a premium registration so I have chatted you on twitter.
1
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