In the modern web, responsiveness is so important that your website needs to respond to every device with different screen sizes.
In this tutorial, we are going to build a modern and professional website using HTML, CSS, and a bit of JavaScript.
If you want to follow along, be sure to download the resource: https://devchallenges.io/learn/tutorial/highmos-responsive-website
__________ ๐ Tutorial Structure __________
โ INTRODUCTION โ
[00:00] โ Introduction
[00:48] โ Project setups + Working Figma
โ HERO AREA โ
[01:42] โ Hero Area section HTML
[06:13] โ Hero Area section CSS
[19:56] โ Hero Area section Responsiveness
[22:34] โ Organizing CSS + Comment sections
โ ABOUT US โ
[25:02] โ About us section HTML
[26:52] โ About us section CSS
โ ACCOMMODATIONS โ
[33:36] โ Accommodations section HTML
[38:17] โ Accommodations section CSS
[44:37] โ Accommodations section Responsiveness + Animation
โ TESTIMONIALS โ
[49:35] โ Testimonials section HTML
[54:16] โ Testimonials section CSS
โ IMPROVEMENTS โ
[01:01:32] โ Fixed Top Navigation With Transition
[01:06:39] โ Date input Safari, Default Date input value
โ DEPLOYMENT โ
[01:07:53] โ Deploy Website with Github Pages
[01:09:27] โ Happy Coding
__________ ๐ฃ About me __________
โ I am the founder of https://devchallenges.io/
โ Follow my Twitter https://twitter.com/thunghiemdinh
โ Join Discord https://discord.com/invite/3R6vFeM
