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

Meet Landing Page

Eugen 200

@psdesignro

Desktop design screenshot for the Meet landing page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

This time I decided to dig deeper in SASS and create a more complex structure for the styles files (even if it wasn't the case), but just for training purpose.

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

I got stuck because of the wrong path for assents and of a typo in my scss which was overwritting my styles (because } was closed too early) so I sholoud be more carefull next time.

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

I'm good for now. The discord community helped me with the first path issue and the the with media query, I've debugged by myself

Community feedback

P
wideirp 280

@wideirp

Posted

Well done! I see you're using Sass and are trying to better organize your CSS code. If you haven't tried, check out:

  • CUBE CSS - "CUBE CSS is a CSS methodology that’s orientated towards simplicity, pragmatism and consistency."
  • Kevin Powell's CUBE CSS in Action - (VIDEO) Great to see how this would work in the real world

This is helping me by providing a separation of concerns while also utilizing the "Cascading" part of CSS instead of trying to avoid it.

Happy Coding!!!

Marked as helpful

1

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