Responsive 4 Column Layout

CSS snippet for a fluid responsive 4 column layout. 4 Column Layout with equal width content HTML CSS Responsive CSS Tablet View Responsive CSS Mobile View 1024px and 767px is the viewport width, i.e. the width of the screen or the browser viewport. 768px is the portrait width of iPad 2, so anything under that… Read More

Responsive 3 Column Layout

CSS snippet for a fluid responsive 3 column layout. 1/3 + 1/3 + 1/3 1/2 + 1/4 + 1/4 1/4 + 1/2 + 1/4 1/4 + 1/4 + 1/2 1/3 + 1/3 + 1/3 responsive 3 column layout Three Column Layout with equal width content HTML CSS Responsive CSS 1/2 + 1/4 + 1/4 responsive… Read More

Responsive 2 Column Layout

CSS snippet for a fluid responsive 2 column layout. 1/2 + 1/2 responsive 2 column layout 2/3 + 1/3 responsive 2 column layout 1/3 + 2/3 responsive 2 column layout 3/4 + 1/4 responsive 2 column layout 1/4 + 3/4 responsive 2 column layout 1/2 + 1/2 Two Column Layout with equal width content HTML… Read More

Creating a Custom Post Type in WordPress

What is a Custom Post Type WordPress stores all the posts and pages in the default post type “post” and “page” which is included in the default WordPress install, however we can create custom post type in WordPress according to our needs. Most websites use both to publish their content, “page” for the static pages… Read More