Skip to content
Submitted 6 days ago

Responsive Huddle landing page with single introductory

LVL 2
Zizi210
@smartee-17
A solution to the Huddle landing page with a single introductory section challenge

Solution retrospective


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

I am proud of building a responsive layout using CSS variables, Grid, and Flexbox, plus adding accessible SVG hover effects. Next time, I’d improve code structure, naming consistency, and refine responsiveness for better scalability and readability.

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

I struggled with SVG styling, responsive layout, and managing CSS variables. I overcame this by converting SVGs to inline, testing layouts across screen sizes, and organizing my variables for consistency and easier styling.

What specific areas of your project would you like help with?

I’d like help improving my CSS architecture, naming consistency, and responsiveness across breakpoints. Also refining my use of CSS variables, optimizing layout logic, and writing cleaner, more maintainable code.

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Zizi’s solution.

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