media queries

Making SVGs Responsive with CSS

By Sara Soueidan on

An article on how to make embedded SVGs cross-browser responsive. We're going to cover embedding techniques, how to apply the "Padding Hack" and how to use inline me ...

Responsive Horizontal Layout

By Mary Lou on

In this tutorial we'll create a horizontal website layout with individually scrollable content panels. We'll change the layout for smaller screens, making it respons ...

Flexible Slide-to-top Accordion

By Mary Lou on

In today's tutorial we'll be creating a simple responsive accordion that, when opened, will slide to the top of the viewport and reveal the content by fading it in. ...