More than a comparative or telling about what is good or bad approach I will like to put on the table 2 examples of basic layouts but making use of this 3 different approaches. Display: flex; flex-flow: row;columnThe parent element tell how the behavior of child elements will be, it is impossible not to see how clean is our code. I will recommend watching this video for deep understanding. EXAMPLE 2Layout with Float approach < html lang = "en" > < head > < meta charset = "UTF-8" > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" > < meta http-equiv = "X-UA-Compatible" content = "ie=edge" > < link rel = "stylesheet" href = "css/float-demo2.css" > < title > Document < body > < header > This is demo 2 . Like a conclusion I want to say that my experience working with layouts using different approaches like Float, Grid and Flexbox help a lot, is a good idea having a plan before starting your project and I hope this article will help you to make a better plan for making your next project.