Skip to content
Submitted about 1 year ago

css, html

VMH1225•130
@VMH1225
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Results summary component
  • HTML
  • CSS
1newbie

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•250
    @Ocece77Posted about 1 year ago

    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

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