Skip to content
Submitted 6 months ago

Huddle landing page with alternating feature blocks

Nrosta•530
@Nrotsa
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?

Hello, Made with : HTML CSS SCSS This is my first time using SCSS, so the code is quite messy, but SCSS is very convenient and I plan to use it in the future projects.

What challenges did you encounter, and how did you overcome them?

I've been struggling with media queries and I feel it can be done in a simpler and faster way. If you have any suggestions on how I can improve my code, please leave me a comment!

Feedback welcome :)

Community feedback

  • Italo Marcelo•980
    @MarceloDevd3Posted 6 months ago

    First I think you could replace some tags on your project as your links element you use a <p> tag but you could also use an <a href> or a <button> I'll let a link about it, and also about media query that I'll help you with you problem. Semantic html https://www.codewithharry.com/tutorial/html-semantic-tags/ https://developer.mozilla.org/en-US/docs/Glossary/Semantics

    Media query https://youtu.be/2KL-z9A56SQ?si=D7SkSNY-3AAddz1e https://developer.mozilla.org/en-US/docs/Web/CSS/@media

    I hope that I helped your with you doubts😁

    Marked as helpful
    0
    Nrosta•530
    @NrotsaPosted 6 months ago

    @MarceloDevd3 I removed all unnecessary tags :). Thank you also for the links explaining media queries, I will check them before my next project :)

    0

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