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>
2 Replies
@s2k_off please check #How To Ask Good Questions (pinned in this forum) for formatting tips, your code is too hard to read right now. You'll need to use codeblocks for code in discord messages
sharing thorugh a codepen is preferable too, it helps diagnose problems if you can poke around in the HTML and CSS
the issue has been resolved thanks