DEV Community

Cover image for Mobile First Web Design Tutorial
Adrian Twarog
Adrian Twarog

Posted on

Mobile First Web Design Tutorial

Creating for the mobile device is not something I often do. While the vast majority of websites these days are viewed on the mobile phone, most often they are designed for the web first.

In this video, I decided to take a different approach and actually create the mobile version first.

https://youtu.be/NeThtWARdnY

What I go over in this video includes:
  • Using Figma to export components for the mobile design
  • Developing mobile-first basic HTML
  • Styling the design using CSS and SCSS

The design was originally created by Hachibur Rahman, his profile can be found below:
https://dribbble.com/Hachib

This is part of Florin Pops recent #7Days7Websites. You can find out more about it here:
https://dev.to/florinpop17/the-7days7websites-coding-challenge-3o3g

Follow and support me:

Special thanks if you subscribe to my channel :)

Want to see more:

I will try to post new great content every day. Here are the latest items:

Top comments (0)