You no longer have to create two versions of a website-one for desktop computers and one for mobile devices. The design, content, and user interface of your website is adapted so that visitors can seamlessly visit it on any device and any browser. Responsive design means that you only need one website. Quick tip: You can determine whether or not a website is responsive by manually zooming in and out of the browser window. The site’s layout and content will change based on the width of a browser on a device. Thanks to responsive design, users can easily browse a website regardless of what device they use. The term responsive web design, first coined by Ethan Marcote in 2010, describes a technique in which a website’s design is automatically adjusted based on the size of users’ screens.
![desktop first responsive design tutorial desktop first responsive design tutorial](https://sinequa.github.io/sba-angular/assets/tutorial/screensizes.png)
Source: We Are Social + Hootsuite What is responsive design?
![desktop first responsive design tutorial desktop first responsive design tutorial](https://miro.medium.com/max/884/1*y2aNXyFYxanAy_EP4z5H7g.jpeg)
Mobile users are a force to be reckoned with-and it’s a reality marketers must deal with in order to ensure long-term success. Now imagine how those numbers have skyrocketed in 2017! I was recently conducting a website audit for a ski resort, and we found that 65% of their website traffic was now coming from mobile devices! In fact, mobile bookings in the travel industry grew by 1700% between 20, moving from 1% to 18% of online revenues.
![desktop first responsive design tutorial desktop first responsive design tutorial](https://3fxtqy18kygf3on3bu39kh93-wpengine.netdna-ssl.com/wp-content/uploads/2021/03/mf3-700x513.png)
Did you know that 68 million Google searches are carried out on mobile devices every hour around the globe? What’s more: 69% of travellers start their online searches on a mobile device! The web is a vastly different landscape than what it once was. Want to make sure you follow trends without getting caught up in the hype? Let’s start by demystifying these buzzwords in order to gain clarity and determine if a mobile-first strategy is right for your brand. We often hear people talk about terms, such as mobile-first and responsive-only to scratch our head as to what they really mean.