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.

Comments to: The Different Ways to Start Project using Floats, Flexbox, and Grid CSS

Your email address will not be published. Required fields are marked *

Attach images - Only PNG, JPG, JPEG and GIF are supported.

Login

Welcome to Typer

Brief and amiable onboarding is the first thing a new user sees in the theme.
Join Typer
Registration is closed.