Make my self aware of different techniques for CSS page layout

I am pretty much beginner when it comes to CSS page layout techniques. Even though I’m comfortable using Bootstrap to do layout elements, but still, there is something missing. Something which I don’t quite understand when it comes to layout elements without relying on a CSS framework. So, I decided to make my self aware of different techniques for CSS page layout.

After I finished reading the Introduction to CSS layout article, I can categorize two ways to do layout:

  • the old-fashioned way
  • the modern way

The old-fashioned way is when using Float and Positioning techniques, while the modern way is using CSS tables (display: table), Flexbox and Grid.

I’m glad to aware there are many options to layout elements, and I am more inclined to deep dive for each of the techniques mentioned before.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s