Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Creative agency single page site | HTML, CUBE CSS, JS

#sass/scss#typescript#webpack#cube-css
P

@christopher-adolphe

Desktop design screenshot for the Creative agency single-page site coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hello frontend friends! ๐Ÿ‘‹

I'm glad to have completed my 3rd challenge on Frontend Mentor. ๐ŸŽ‰ On this project, I wanted to give a try to the CUBE CSS methodology to author my CSS. Check my readme.md for more details.

Major challenge(s):

  • I have been using the BEM methodology for a very long time and as I looked at the design file of this project, I instinctively think in terms of blocks as this is the core of the methodology. When switching to CUBE CSS, I had to train myself to think differently so that I could compose the overall layout with utility classes. It felt a bit awkward ๐Ÿคจ at the beginning.
  • The fact that the images are part of the content but are offset to the edge of the page gave me some headaches. ๐Ÿคช I would be grateful if anyone could suggest a different way of achieving this.

Your feedback would be much appreciated. If you have some experience with CUBE CSS, please let me know what I can improve here.

Thanks in advance. ๐Ÿ™

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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