How to make responsive website using HTML, CSS and Bootstrap in 2022 | Code & deploy

A lot has happened in the world of web development in 2021. And I know sometimes it's hard to keep up with the changes.
That is why in this tutorial I will show you how to create a responsive website according to the latest standards and trends.
What's more - it will show you how to publish your website on the internet using free hosting.
📰 If you prefer written tutorials, you will find 25+ lessons on Bootstrap here -
mdbootstrap.com/learn/mdb-fou...
📥 MDB UI KIT FREE download - mdbootstrap.com/
💎 MDBootstrap Pro - mdbootstrap.com/docs/standard...
🎁 50% discount code (time-limited promotion) - YT50PRO
📤 FREE hosting - mdbgo.com/
______________________________________
🎥 Tutorials mentioned in the video
► MDB GO / CLI - installation & tutorial • MDBGO - CLI - Install
► How to create a simple, nice logo in a few minutes - • How to create a simple...
► Navbar tutorial - • Bootstrap Navbar - Tut...
► Carousel tutorial - • Carousel slider Bootst...
► Flexbox tutorial - • Bootstrap Flex (Flexbo...
► Grid tutorial - • Bootstrap 5 Grid Syste...
► Form tutorial - • Forms in Bootstrap 5 |...
► Footer tutorial - • Bootstrap Footer - Tut...
👨‍👩‍👧‍👦 If you have any questions - don't hesitate to ask on our Facebook group:
/ 682245759188413
⭐ Support the creation of open-source packages with a STAR on GitHub
github.com/mdbootstrap/mdb-ui...
_______________________________
Table of Contents
0:00 Intro
0:30 Demo
2:02 Basic setup
3:44 Navigation
12:00 Carousel slider (hero section)
21:35 Flexbox (aligning content)
23:23 Masks
26:58 Grid
30:08 Hover effects
30:36 Typography
31:52 Shadows
32:50 Responsive images
35:50 Margin (spacing)
37:16 Cards
39:45 Grid trick - centering the column
41:40 Forms
43:04 Footer
45:32 Final check
46:15 Deploying with a free hosting
#responsive#website#tutorial

[@Mdbootstrap]

Hi guys!
A few useful links for you and tutorials mentioned in this video:
📥 MDB UI KIT FREE download - mdbootstrap.com/
💎 MDBootstrap Pro - mdbootstrap.com/docs/standard/pro/
🎁 50% discount code (time-limited promotion) - YT50PRO
📤 FREE hosting - mdbgo.com/
______________________________________
🎥 Tutorials mentioned in the video
► MDB GO / CLI - installation & tutorial ruclips.net/video/F8oRfJkXOWg/видео.html&ab_channel=KeepcodingKeepcoding
► How to create a simple, nice logo in a few minutes - ruclips.net/video/QGpNskHG4t0/видео.html
► Navbar tutorial - ruclips.net/video/G3tZUO2fAEU/видео.html
► Carousel tutorial - ruclips.net/video/Esv4AqWC72E/видео.html
► Flexbox tutorial - ruclips.net/video/XI-VYE7ftNM/видео.html
► Grid tutorial - ruclips.net/video/DZKf9l42WCo/видео.html
► Form tutorial - ruclips.net/video/ZCDvnP5Vsc4/видео.html
► Footer tutorial - ruclips.net/video/UEfFpk4sSxE/видео.html

[@liftingforfun2347]

is there a way to move objects? I dont seem to be able to do so. For example move the nav menu buttons in the middle? my css doesnt seem to override the default options

[@parththakkar6401]

when you do in mobile view then there is problem when you click on the left side drop down then it will not completely done with navigation bar

[@Nathan-vh3wy]

the transparent image isn't working very well with dropdowns on smaller devices it has white space. It's as if the image doesn't cover all the space at the top

[@hadjijaharidpala3936]

Hello sir can you make a tutorial about how to connect bootstrap to phpMyadmin?

[@funnylifestyle8174]

Let's go...

[@chetanchoudhary08]

can you share source code and demo link of the above tutorial?

[@SesTonuu]

Thank you bro

[@Mdbootstrap]

Any time