17 October 2017 / layout

A simple blog layout with content left and sidebar right using CSS Grid

Blog Layout w/Sidebar // CSS Grid // Flexbox

Learn how to make a simple blog layout with content left and sidebar right using CSS Grid. This also includes a Flexbox fallback for browsers that don't support CSS Grid Layout.

View demo Download Source

Made with

Html
Css/SASS

Author

Brian Haferkamp

Demo

See the Pen Blog Layout w/Sidebar // CSS Grid // Flexbox by Brian Haferkamp (@brianhaferkamp) on CodePen.

— HTML JavaScript CSS Snippets | CodeTea.com —

layout

31 August 2018

Thumbnail Presentation with CSS Grid

This should work with older browsers as far as IE9. Older browsers and non-supporting browsers will get a "conservative" design instead.

29 August 2018

Cool Layout with Complex Chainable Animation

Based on addition of just 2 classes with JS (and simple hover) this demo features a lot of cool chaining animations, combined with good performance and sort-of easy-to-maintain SCSS.

27 August 2018

Perspective Grid Animation to create something a little unique

This gallery utilizes CSS Grid Layout and CSS3 perspective to create something a little unique.

— Next Post —

19 October 2017

Underline hover effect with css

HTML and CSS underline hover effect.

— Prev Post —

17 October 2017

A simple Responsive Blog Cards

It has an easy to override visual style, and is appropriately subdued.