---
title: "What's the difference between mobile first and desktop first?"
date: "2018-03-20T20:04:05+00:00"
summary: "Discover the key differences between mobile-first and desktop-first design approaches. Learn how to choose and implement the right strategy for your website using Site Studio's responsive grid settings."
image:
type: "article"
url: "/drupal-starter-kits/add-ons/site-studio/help/65231-whats-difference-between-mobile-first-and-desktop-first"
id: "b247983b-13fd-4c4f-9986-b022036fc2fa"
---

In mobile first, your styles will inherit upwards from the smallest media query, whereas in desktop first they will inherit down from the largest media query.

With Site Studio you can choose whether you want you website to be mobile first or desktop first. This option is within Website settings > Responsive grid settings. Your choice will dictate how the Style builder works. For more information, see [Configuring your responsive grid settings](/drupal-starter-kits/add-ons/site-studio/configuring-your-responsive-grid-settings "Configuring your responsive grid settings") and [Understanding the responsive breakpoints.](/drupal-starter-kits/add-ons/site-studio/understanding-responsive-breakpoints "Understanding the responsive breakpoints")