Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Build Instagram UI Layout with MDB - Bootstrap 5 & Material Design 2.0

via YouTube

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Learn how to recreate Instagram's news feed interface using MDB5 (Material Design Bootstrap 5) in this 44-minute tutorial video. Follow along step-by-step to build a responsive two-column layout featuring a story row, navigation, and user newsfeed. Explore the implementation of Material Design 2.0 principles while constructing an Instagram-like UI. Gain hands-on experience with MDB CLI and discover how to customize various components to match Instagram's aesthetic. By the end of this tutorial, you'll have created a functional Instagram UI layout, enhancing your skills in front-end development with Bootstrap 5 and Material Design.

Syllabus

Introduction
Getting MDB
Creating Navbar
Creating Main Part
Creating News Feed
Removing Rounded
Icons
Like by
Comments
Columns
Outro

Taught by

Keep Coding

Reviews

Start your review of Build Instagram UI Layout with MDB - Bootstrap 5 & Material Design 2.0

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.