This tutorial is a great introduction to HTML and CSS for beginners, but it’s also great for someone looking to learn how to use CSS grid and CSS flexbox to create modern web design projects.
⏰ TIMESTAMPS ⏰
Create the HTML Boilerplate Project: 1:12
Create the CSS File and Other Website Files: 1:48
How to Create Optimized Images for the Web Using Figma and ImageOptim: 2:23
How to Use Google Fonts on Website: 5:22
Write the HTML for the Webpage: 8:05
Aria Role and Label for Web Accessibility:9:39
Style the Webpage with CSS: 19:48
Scale Fonts with REM Units: 59:50
Make the Website Responsive with CSS Media Queries: 1:02:53
🗂 DOWNLOADS 🗂
👋 Subscribe: https://www.youtube.com/c/Skillthrive/featured
In this video we broadly cover the concepts of CSS Flex box and CSS Grid system and Some CSS Properties such as nth child selector, ::before & ::after much more.
Don't forget to join the channel for more videos like this. Code Savvy
0:00 - Intro
0:10 - Result
0:38 - Project Setup
01:35 – Reset HTML
02:21 – Left Container HTML
03:41 – Wrapper
14:58 – Bottom Shoe Nav
26:23 – Right Container HTML
33:10 – Product Size
35:49 – Reviews
41:11 – GSAP Animations
The prospect of learning HTML can seem confusing at first: where to begin, what to learn, the best ways to learn — it can be difficult to get started. In this article, we’ll explore the best ways for learning HTML to assist you on your programming journey.
#html #html-css #html-fundamentals #learning-html #html-css-basics #html-templates
Anyway, you can learn everything mentioned. Follow the tutorial.