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

css, html

VMH1225 130

@VMH1225

Desktop design screenshot for the Results summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


how can I organize my CSS to make it more legible and easier to fix in the future?

Community feedback

océane 230

@Ocece77

Posted

Hi ! ✨ Organizing CSS styles in the order of the corresponding HTML structure is indeed a good practice . This approach not only enhances readability but also makes it easier to locate and manage styles as the project grows. 🌱 For exemple in your css , you will write the code in the order like this :

.header{ 
background-color : pink
} 

 .main{ 
background-color : chocolate
} 

.footer {
background-color :chartreuse
} 

This organization aligns with your HTML structure, which might resemble:

<html>

<head>
</head>

<body>

<header><header>
<main><main>
<footer><footer>

</body>

</html>

This article will guide you: https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Organizing

Also, try to learn and practice with freeCodeCamp: https://www.freecodecamp.org/learn/2022/responsive-web-design/

Additionally, watching video tutorials on how to create a website on YouTube can be helpful as they demonstrate how they structure their CSS.

Keep going ! Keep Practice 💗👍🏿

0

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