Build a Responsive Social Media Dashboard using HTML, CSS, and JavaScript | Admin Dashboard Template

In this tutorial, we will teach you HTML, CSS, and JavaScript by building a responsive admin dashboard. We will not use any CSS frameworks, such as Bootstrap to build this dashboard. Instead, we will teach you how to build a layout using CSS Grid and how to make it look good on devices of different sizes using CSS Media Queries. Source Code on GitHub: https://github.com/BobsProgrammingAcademy/social-media-dashboard 00:00 Introduction 00:34 Project Overview 00:53 Responsive Web Design 01:09 Visual Studio Code 01:40 Live Server Extension 02:11 Create Project Files 03:31 Basic HTML 5 Structure 07:58 Link CSS and JS Files 11:07 Layout using CSS Grid 22:35 Add Fonts and Icons 28:46 Header 33:59 Sidebar 40:54 Main Section and Cards 46:09 Products Section 51:00 Responsive Web Design using CSS Media Queries 58:07 Outro Royalty-Free Music from Bensound: https://www.bensound.com/ #HTML #CSS #JavaScript