Your First Responsive Menu - JS and CSS

1 year ago
12

Ready to create a responsive menu for your website? Look no further! This step-by-step video will guide you through building your first responsive menu using JS and CSS. 🚀

Codepen 💻: https://codepen.io/Oskar_Olortegui/pen/eYReMKb
Watch the most recent videos
https://www.youtube.com/@AlephNeoDev/videos 👀

A simple Responsive page using CSS and JS por a responsive Menu
With an amazing design. A little bit of flex box and CSS animation.
Learn how to implement a dynamic menu that adapts beautifully to different screen sizes. With the power of JS and CSS, you'll gain the skills to create a seamless navigation experience for your users. 🌐
This is NeoDev 👽, Let's grow together!

🕛🕛TimeStamps🕛🕛
0:35 initial HTML structure
3:50 initial CSS
5:36 Styling the Header
8:40 CSS the Section
9:40 CSS Left section side.
13:05 CSS right side
14:58 CSS the middle bottle
16:49 Using the Filter - Drop Shadow Property ⭐
18:26 Media Queries ⭐
19:59 Make the Header Responsive Step by Step ⭐⭐⭐
22:43 HTML burger icon menu
25:10 JS DOM manipulation
26:27 Active class to each line of our Burger icon
28:05 Initial values/properties for our Nav.
33:26 Formula Animation

Who am I? 🔍
I am just a new developer trying to learn and grow and I would like you to join
me in this journey
GitHub 😸 https://github.com/AlephOlortegui?tab=repositories
Codepen 💻 https://codepen.io/Oskar_Olortegui

#ResponsiveCSSMenu #SinglePageCSS #CoronaCSS

Loading comments...