Submitted about 2 years ago

Huddle landing page feat. 11ty, CUBE CSS, PostCSS, and Utopia

cube-css, eleventy, nunjucks

Josh Javier•930

@joshjavier

A solution to the Huddle landing page with a single introductory section challenge

Preview Code

Solution retrospective

Another solution to practice my 11ty chops! This time, I used PostCSS instead of Sass to implement a modular CSS structure. I also used fluid type and space scales generated from Utopia.fyi to move away from breakpoints - I find it very pleasing to work with and will definitely keep using fluid scales for future projects.

Let me know if you have any feedback! Btw, the CSS is minified via PostCSS, so if you want to inspect the source code, check out the src directory in the repo. Thanks! :)

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Josh Javier'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