Cleare table

[LeonLatex]

As an example:

 

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.column {
  float: left;
  width: 33.33%;
}

<div class="row">
  <div class="column"></div>
  <div class="column"></div>
  <div class="column"></div>
</div>

 

Does it matter if it says row or something else in front of :cleare ? Can row be replaced with something else? That is, e.g. background or something else?
As I have understood it from what I have read online, :cleare can NOT be replaced with something else, understandably according to the function.

[requinix]

If you're making your own grid layout then stop doing that and use the existing grid layout instead.

https://developer.mozilla.org/en-US/docs/Web/CSS/grid

[morocco-iceberg]

Honestly so glad that we don't need to mess around with floats for basic layouts anymore. Grid layout is so much nicer to work with, and for almost everything else there's flexbox: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox