Skip to content
Submitted about 2 months ago

Huddle landing page with alternating feature blocks

Sadick Sulley•280
@Sulley-Sadick
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Huddle landing page with alternating feature blocks
  • HTML
  • CSS
2junior

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

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

  • Bhuvnesh Upadhayay•2,000
    @bhuvi819381Posted about 2 months ago

    Hello,

    I reviewed your solution, and it looks great! Here are a few suggestions to make it even better:

    1. 🏷️ Use Semantic Tags Incorporate semantic tags like <main>, <section>, <article>, etc., to improve the structure and accessibility of your code.

    2. 📚 Divide into Sections You can split parts of your page into <section> tags. It makes your code more organized and easier to understand.

    3. 📖 Use Heading Hierarchy Follow a logical heading structure, starting with <h1> and moving down to <h2>, <h3>, etc.

    4. 🎨 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! 😁

    1. 🌟 Pixel Perfect Design If you don't have a Figma file, you can use a Chrome extension called Pixel Perfect by WellDone.

    2. 🛠️ 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 helpful
    0
  • Sadick Sulley•280
    @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
  • Sadick Sulley•280
    @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
    Bhuvnesh Upadhayay•2,000
    @bhuvi819381Posted about 2 months ago

    @Sulley-Sadick if you've question you can ask me. I'll help if i know 😀

    Marked as helpful
    0
    Sadick Sulley•280
    @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 GitHub

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