Submitted 4 months ago

Huddle landing page with alternating feature blocks

Nrosta• 530

@Nrotsa

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Huddle landing page with alternating feature blocks

HTML
CSS

2junior

View challenge

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• 860

@MarceloDevd3

Posted 4 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

Nrosta• 530

@Nrotsa

Posted 4 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 :)

Please log in to post a comment

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