Please help me with this

HTML-CSS
1

if i use (float: left;) in my (#projects1) i keep getting overlapping divs . please can someone help me on how to stop this? the link to the project is attached below thank you

https://codepen.io/moshoodaisha/pen/eaYMWE

2

You can stop that floating with clear:left
after your last section-part:

<section id="projects1">...</section>
<div style="clear:left"></div>

There is another point: each id should be unique but you have five times:
id="projects1"
So you better use classes to control that floatings, eg:

  • ONE section with 5 divs and then you float that divs
1 Like
3

wow thank yu so much just tried it now and it worked thank you so much

4

or you could use flex box instead of float

1 Like