Good job on this project.
We want to focus more on semantic tags as we progress through the course instead of always using div container.
You can make use of <main class="main--container">
<main> <img src="assets/images/illustration-article.svg" alt="illustration" class="illustration--img"/> <button>Learning</button> <p class="publish">Published 21 Dec 2023</p> <h1>HTML & CSS foundations</h1> <p>These languages are the backbone of every website,defining structure,content,and presentation.</p> <div class="img--Con"> <img src="assets/images/image-avatar.webp" alt="photo" class="photo"/> <p class="name">Greg Hooper</p> </div> </main>You want to focus on readability in your class names. You can Use -- or __ to create a space between two words. Making it easier to read. It's known as the BEM (Block Element Modifier)
BEM has a few advantages.
- Consistency
- Reusability
- Avoids conflicts
- Scalability, As our projects grows larger we want to implement BEM to help avoid conflicts, redundancy, conflicts etc.
Remember that practice makes perfect
Happy coding
Marked as helpful