Responsive design and mobile first are keywords which are important only for one reason: at least every fifth visit at your website is made with a smartphone or a tablet. This has serious implications if your website is not adapted or designed for your mobile customers. Google also now punishes websiteswhich are not optimized for smartphones.
Responsive Web design is a strategy to serve the different stakeholders with the same content and the same Web page. For this purpose, content elements are represented differently depending on the screen size. For this, it must be considered, for example, that the interaction with your Web page takes place via touch events and not a mouse pointer. This means, among other things, that no mouse hover effects are visible to the mobile visitors. Traditionally, for example, links to other pages are marked specifically when visitors move the mouse over them. Links must be displayed differently for the mobile visitor so he knows how he can navigate on your site. Furthermore, it is important to cut or hide content depending on the situation so that the information on the small screen of the smartphone is compact and useful.
In addition to Web pages with responsive design also mobile-first - or mobile-only Web pages exist. In contrast to a customization of an existing desktop website, these are completely aligned with the mobile clients.