Featured
-
Responsive Web Design and Responsive Frameworks
In this session, we will learn about Responsi
by rakesh.pant -
HTML5 Responsive Design - ViewPort Meta Tag (Part 3)
Hi again, In this article, we’re goi
by rakesh.pant -
HTML5 Responsive Design - Media Queries (Part 2)
In the previous session, we learnt the basic
by rakesh.pant -
HTML5 Responsive Design - Media Queries (Part 1)
Overview Media Queries, a mainstay of Resp
by rakesh.pant
Tags
Flexbox layout for Header Navigation
Here is another example of flexbox layout making Navigation bar responsive along the different sizes of the screen.
HTML CODE:
<ul class="navigation">
<li><a href="#">Home</a></li>
<li><a href=...
Flexbox layout example
In the previous post i have shown how you can make element align horizontally and vertically using flaxbox layout.
In this post i will show you an simple example of html responsive page using flexbox.
Html Code:
<div class="wrapper"...
Centering element Vertically and Horizontally using Flexbox
Now this is the issue that we were facing form a long time. To align an element center horizontally we have been using margin: 0 auto and to align an element center vertically is even more difficult. But with the use of flexbox it is very easy.
...