Submitted 9 months ago

Huddle Landing Page with Alternating Feature Blocks

jilenski• 200

@jilenski

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

🦉 Hi Frontend Mentor Community!

It is my first solution to Huddle Landing Page with Alternating Feature Blocks.

Feel free to check out my codes.

My solution is just simple Vanilla HTML 🌐, CSS 🎨, and JavaScript 🟨.

Passing Lighthouse 💡🏠 basic audit for Performance ⚡, Accessibility 🧑‍🦯, Best Practices ✅, and SEO 🔎 for both mobile 📱 and desktop 🖥️.

I plan to finish all challenges using this approach, but I will upgrade my stacks ⚙️⚛️🌀 in the future. 💯

Follow me with my coding journey!

Happy coding! 🥰

Community feedback

Kimo Spark• 2,190

@kimodev1990

Posted 9 months ago

You could use clamp ( ) method in your coding for font-size, width, margins, paddings etc., So your designed sizes will change according to the viewport dimensions having a responsive design and will be suitable for any device layout.

Hope you find this Useful & Helpful.

Other than that, Really Nice work & keep Going on !!

Marked as helpful

jilenski• 200

@jilenski

Posted 9 months ago

@kimodev1990

I checked that one out and found it really useful.

Thanks for your feedback! 😄

Kimo Spark• 2,190

@kimodev1990

Posted 9 months ago

@jilenski You're always welcome, Anytime...

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