Tag: flexbox

Perfect understanding of align-items, align-content and justify-content in FlexBox with examples: Part 2

18th November 2018 0

In the previous article, we learnt about align-items property and briefly talked about align-content and justify-content properties.  In this article we will talk about justify-content and we will see how similar it is to align-items. The justify-content property Basically justify-content aligns individual items inside a flex container along the main axis.  Therefore what this means is…

By Azadeh

Perfect understanding of align-items, align-content and justify-content in FlexBox with examples: Part 1

17th November 2018 1

In this article we will be exploring align-content, align-items and justify-content properties in FlexBox. Then we compare them and will understand their differences and similarities. I have created a few pens to demonstrate the task as well.  align-content, align-items and justify-content similarities Generally the main purpose of these three properties in FlexBox is justify and alignment…

By Azadeh

Create a simple website layout using FlexBox

27th August 2018 0

In this article we quickly check how we can create a simple website layout using FlexBox. You can read about basics of FlexBox in this and this article. The simple website layout using FlexBox To create the simple website layout using FlexBox we create a simple markup first: <body> <header>Header</header> <main> <article>Article</article> <nav>Nav</nav> <aside>Aside</aside> </main>…

By Azadeh

Custom form and gird layouts with FlexBox

3rd August 2018 0

We will take a look at FlexBox custom form and FlexBox grid layout here. We have talked about FlexBox basics and design properties in this post and this post┬ábefore. Therefor we will use that knowledge here. Custom form by FlexBox Take a look at this pen which is a FlexBox custom form that I created…

By Azadeh