Skip to content

Responsive Design Is

Home

It's where the heart is.
Design

Design hints tips and ideas.
Develop

The practical side of RWD.
Strategy

Think about it.
Articles

Our long form writing on RWD.
Resources

Shortcuts to all things responsive.
Examples

Inspiration at your fingertips.
Patterns

Find something that works for you.
Podcast

Woah oh ohhhh, listen to the music.

Responsive Design.is

Patterns

Home
Pattern
Calendar

Calendar

By Justin Avery, 28 September 2015 posted in Patterns.

See the Pen Responsive Calendar Pattern by Justin Avery (@justincavery) on CodePen.

View Codepen for Calendar

Other examples

Previous Example: Data Table Stack

Next Example: Multiple Column Count

Related Posts

Six Equal Columns

September 21st, 2015

Six Equal Column Responsive Pattern starting as a single column mobile first layout.

Read more
Main Column with Sidebar

September 21st, 2015

A familiar layout where the main content is accompanied by a side bar, only for the sidebar to stack underneath…

Read more
Three Column Layout

September 21st, 2015

Three Column Responsive Pattern starting as a single column mobile first layout.

Read more

Subscribe to our Newsletter

Add your email address and receive an email every Friday covering off everything worth knowing about building your websites responsively.

Get In Touch
Responsive Design Notebooks

© 2012 - 2017. All rights reserved.
Responsivedesign.is is a side project of Justin Avery & Simple Things, as is Pocket Notebooks which feature Space Notebooks and Guitar Notebooks.