Grid

What it does

We want our websites to be useable on all devices by responding to the user’s behavior, screen size and screen orientation. As of 2013 , there are thousands of different devices and screen sizes that browse the internet, so it’s impossible to design layouts to target them all. Instead, we must take a more fluid approach to design. The term “mobile first” gets thrown around a lot lately. What it really means is to start with mobile styles and layer on styles optimized for larger screens only as needed. In other words, your mobile styles become the default and you no longer have to override them later. It’s much simpler! By assuming a flexible but simple layout by default, you can better…from adamkaplan.me

• 
  Simple Grid2016 · simplegrid.io · ▲229

  Responsive & lightweight CSS grid for your website.

• 
  Gridset2014 · monotype.com · ▲75

  Web Layout Evolved.

• 
  Grid2014 · binarythumb.com · ▲65

  Fit Ideas Together to Create Content Collages

• 
  Wing2016 · ▲247

  A dead-simple, responsive, CSS framework

• 
  Ordering Disorder2016 · amazon.com · ▲64

  Grid Principles for Web Design

• 
  Ocean2014 · ocean.ink · ▲208

  A Community of designers sharing feedback

• 
  zCAD AI▲321

  AI 3D that creates real parts, not just shapes

  Work · 13d ago · zcad.ai

• 
  Smooth Recorder▲257

  Mac screen recordings that look edited when you hit stop

  Work · 25d ago · smoothrecorder.com

• 
  Badgey▲227

  Your iPhone becomes a name badge that faces the room

  Work · 20d ago · apps.marcoluthi.com

• 
  Figma Specs▲225

  A container for your context that lives on the Figma canvas

  Work · 9d ago · figma.com

• 
  Orbit▲216

  Stop doomscrolling. Earn every app unlock.

  Work · 14d ago · apps.apple.com

• 
  The rarest tech books and docs you've probably never read▲190

  Work · 19d ago · readrare.com

• 
  Good Email Copy▲1,984

  Email copy from great companies.

  Growth · 2016 · goodemailcopy.com

• 
  Tesla Model 3▲1,311

  The mass market electric car by Tesla is here ⚡️🚘

  Life & fun · 2016 · tesla.com

• 
  Kite▲867

  Internet-connected programming

  Dev tools · 2016 · kite.com

• 
  Project Infinite by Dropbox▲859

  Access all the files on Dropbox without having to sync

  Work · 2016 · blog.dropbox.com

• 
  Api.ai for Facebook Messenger▲852

  The easiest way to build an FB bot. No coding required!

  Dev tools · 2016

• 
  I made an interactive Bootstrap 4 cheat sheet▲847

  Quickly find your Bootstrap classes on this interactive Bootstrap cheat sheet. It includes code samples and live preview of elements.

  Dev tools · 2016 · hackerthemes.com