@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 💗👍🏿