#2 Navbar & Welcome section | Build a responsive website with Flexbox | CSS | Flexbox

Описание: Hello Guys,

Welcome to the CodeLab Channel, in this this tutorial we are going to create and design a responsive website called NanoTech using flexbox to layout the content. This tutorial will be split into 5 videos.

Microphone I Use
Blue Yeti USB Microphone: https://amzn.to/3wYPIH0
RØDE PSA1 Arm: https://amzn.to/3lWU37t

PC Specs
MSI GeForce GTX 1660 SUPER VENTUS XS OC: https://amzn.to/3M53Nai
Intel Core i9-11900K: https://amzn.to/3lSPJGp
Kingston 480GB Q500: https://amzn.to/3NKDebA
MSI MAG B560 TOMAHAWK: https://amzn.to/3lZbpQY
MSI MAG FORGE 100R Mid Tower: https://amzn.to/3awoBum
27" Ultrasharp 4k Monitor: https://amzn.to/3z6IyC9
PINKCAT, Wireless Keyboard and Mouse Set: https://amzn.to/3abeyuB


1) Will be the setting everything up (Links, icons, fonts, stylesheets and some HTML)
2) Creating and styling the Navigation bar and Welcome section.
3) Creating and styling the Markets and About Us section.
4) Creating and styling the Team and Contact Us section.
5) Creating and styling the footer & making the website responsive.

Timestamps:

00:00 - Introduction
00:11 - Creating Utility Classes
04:18 - Styling the Navigation bar
09:18 - Styling the Welcome Section
11:51 - Dark Overlay using Pseudo element


I really enjoyed making this tutorial guys, i hope you enjoy it too and learn a lot. If you guys have any questions please leave them down below and if you like the content..please hit the like button and please subscribe. :) Enjoy.

DISCLAIMERS:
I am a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for us to earn fees by linking to Amazon.com and affiliated sites.