Problem
Why is this happening?
This is the html, as soon as i did
.headerarticles {
display:flex
}
this problem started. When I am in responsive mode and I shrink to different sizes the site it is okay and responsive but after I turn responsive mode off this is what I encounter
<div class="headerarticles">
<div class="article">
<img src="/img/Spense.png" alt="" class="articleimg">
<h2 class="articletitle">Spense</h2>
<p class="articletext">Rethinking the way writers get paid, an open-source platforms designed to help writers focus more on writing and less on how they'll get paid, Project in collaboration with Codewoll.cc</p>
</div>
<div class="article">
<img src="/img/YelpCamp.png" alt="" class="articleimg">
<h2 class="articletitle">Spense</h2>
<p class="articletext">Allowing backpack travelers to perfectly plan their trip through an open-source platform similiar to TripAdvisor. With over 1m MAU, YelpCamp has been the crowd's favorite in 2021.</p>
</div>
</div>
This is the html, as soon as i did
.headerarticles {
display:flex
}
this problem started. When I am in responsive mode and I shrink to different sizes the site it is okay and responsive but after I turn responsive mode off this is what I encounter
<div class="headerarticles">
<div class="article">
<img src="/img/Spense.png" alt="" class="articleimg">
<h2 class="articletitle">Spense</h2>
<p class="articletext">Rethinking the way writers get paid, an open-source platforms designed to help writers focus more on writing and less on how they'll get paid, Project in collaboration with Codewoll.cc</p>
</div>
<div class="article">
<img src="/img/YelpCamp.png" alt="" class="articleimg">
<h2 class="articletitle">Spense</h2>
<p class="articletext">Allowing backpack travelers to perfectly plan their trip through an open-source platform similiar to TripAdvisor. With over 1m MAU, YelpCamp has been the crowd's favorite in 2021.</p>
</div>
</div>
