After working on some HTML code, I found the following:
<section class = "personal_proyects">
<article>
<div class = "personal_details">
<h3>Canal YT: Codigo RM</h3>
<p>EXPLANATION OF THE YT CHANNEL</p>
<a href="https://www.youtube.com/watch?v=lqURPBtGJzg&list=RDlqURPBtGJzg&start_radio=1" target="_blank">View channel</a>
</div>
<figure>
<img src="images/YT.jpg" alt="YT Channel Image" width=500>
</figure>
</article>
While working with my CSS file, I encountered this issue:
.personal_proyects,
section {
display:flex;
}
I also have another section tag in my HTML code. When I apply the flex property, the articles within the section with the "personal_proyect" class don't align properly. How can I fix this?
If I add this line of code to my CSS, all section tags will have the display: flex property applied. However, I only want it to affect the sections with the class "personal_proyects":
.section {
display:flex;
}