code with umer (@codebyumer)

CSS Tutorial Day 17 | CSS Grid Properties Explained | Grid Column, Row, Span & More #CSS #CSSGrid #CSSGridProperties #CSSTutorial #CSSForBeginners

CSS Tutorial Day 16 | CSS Grid Explained | Grid Layout, Rows & Columns for Beginners #CSS #CSSGrid #CSSGridTutorial #CSSTutorial #CSSForBeginners

#CSS #CSSFlexbox #Flexbox #CSSTutorial #CSSForBeginners

CSS Tutorial Day 14 | CSS Flexbox Explained | Flex Container, Alignment & Layout #CSS #Flexbox #CSSTutorial #CSSForBeginners #HTMLCSS

CSS Tutorial Day 13 | CSS Overflow Explained | Visible, Hidden, Scroll & Auto Learn CSS Overflow in Day 13 of this CSS Tutorial Series! 🚀 In this video, you'll learn how to control content that goes outside the boundaries of an HTML element using the CSS overflow property. We cover: overflow…

CSS Tutorial Day 12 | CSS Z-Index Explained | Stacking Order & Overlapping Elements Learn CSS Z-Index in Day 12 of this CSS Tutorial Series! 🚀 In this video, you'll learn how the CSS z-index property controls the stacking order of overlapping elements. You'll understand how higher and lower…

CSS Tutorial Day 11 | CSS Positioning Explained | Static, Relative, Absolute, Fixed & Sticky Learn CSS Positioning in Day 11 of this CSS Tutorial Series! 🚀 In this video, you'll learn how the CSS position property works and understand: position: static position: relative position: absolute…

CSS Tutorial Day 10 | CSS Display Property Explained | Block, Inline, Inline-Block & None Learn the CSS Display Property in Day 10 of this CSS Tutorial Series! 🚀 In this video, you'll learn how the CSS display property controls how HTML elements appear and behave on a webpage. We cover: display…

CSS Tutorial Day 9 | Box Sizing Explained | box-sizing: border-box vs content-box 🚀 CSS Tutorial Day 9 — Box Sizing Welcome to Day 9 of the Complete CSS Series! In this video, we’ll learn about the CSS box-sizing property and understand the difference between content-box and border-box. The…

CSS Tutorial Day 8 | CSS Box Model Explained | Content, Padding, Border & Margin 🚀 CSS Tutorial Day 8 — CSS Box Model Welcome to Day 8 of the Complete CSS Series! In this video, we’ll learn the CSS Box Model, one of the most important concepts for understanding spacing, sizing, and layouts in CSS…

CSS Tutorial Day 7 | Width & Height in CSS Explained | CSS Sizing for Beginners 🚀 CSS Tutorial Day 7 — Width & Height Welcome to Day 7 of the Complete CSS Series! In this video, you’ll learn how to control the width and height of HTML elements using CSS with simple and practical examples. We’ll…

CSS Tutorial Day 6 | Margin & Padding Explained | CSS Box Model for Beginners 🚀 CSS Tutorial Day 6 — Margin & Padding Welcome to Day 6 of the Complete CSS Series! In this video, we’ll learn Margin and Padding in CSS, two essential concepts for controlling spacing and creating clean webpage…

CSS Tutorial Day 5 | CSS Borders Explained | Border Style, Width, Color & Radius 🟨 CSS Tutorial Day 5 — CSS Borders Welcome to Day 5 of the Complete CSS Series! In this video, we’ll learn how to create and style borders in CSS with simple and practical examples. You’ll learn how to control border…

CSS Tutorial Day 4 | CSS Backgrounds Explained | Background Color, Image, Repeat & Size 🎨 CSS Tutorial Day 4 — CSS Backgrounds Welcome to Day 4 of the Complete CSS Series! In this video, we’ll learn how to style and control backgrounds in CSS using simple and practical examples. You’ll learn how…

CSS Tutorial Day 3 | CSS Colors Explained | Color Names, HEX & RGB in CSS 🎨 CSS Tutorial Day 3 — CSS Colors Welcome to Day 3 of the Complete CSS Series! In this video, you’ll learn how to use colors in CSS to style HTML elements and create better-looking webpages. We’ll cover different ways to…

CSS Tutorial Day 2 | CSS Selectors Explained | Element, Class, ID & Universal Selectors 🚀 CSS Tutorial Day 2 — CSS Selectors Welcome to Day 2 of the Complete CSS Series! In this video, we’ll learn CSS Selectors, one of the most important concepts in CSS and frontend web development. You’ll learn…

CSS Tutorial Day 1 | Types of CSS Explained | Inline, Internal & External CSS Welcome to CSS Tutorial Day 1! 🚀 In this video, we’re starting our complete CSS Series and learning the three main types of CSS: Inline CSS, Internal CSS, and External CSS. You’ll learn how CSS works with HTML and how to…

Day 32 Build a Personal Portfolio Website with HTML | HTML Portfolio Project | HTML Series 🚀 Day 32 HTML Portfolio Project After completing my 31 Day HTML Series, I built a personal portfolio website using HTML5 to put everything I learned into practice. In this project I used important HTML…

HTML Tutorial Day 31 | Div & Span Elements Explained | HTML for Beginners Welcome to Day 31 of our Complete HTML Tutorial Series! 🚀 In today’s video, we’ll learn about two of the most commonly used HTML elements: <div> and <span> and understand the difference between them. ✅ What You’ll Learn…

HTML Tutorial Day 31 | Div & Span Elements Explained | HTML for Beginners Welcome to Day 31 of our Complete HTML Tutorial Series! 🚀 In today’s video, we’ll learn about two of the most commonly used HTML elements: <div> and <span> and understand the difference between them. ✅ What You’ll Learn…

HTML Tutorial Day 30 | HTML Accessibility Explained | alt, aria-label & Semantic HTML Welcome to Day 30 of our Complete HTML Tutorial Series! 🚀 In today’s video, we’ll learn the basics of Accessibility in HTML and understand how to make webpages more usable for everyone, including users who rely…

HTML Tutorial Day 29 | Data Attributes in HTML (data-*) Explained | HTML for Beginners Welcome to Day 29 of our Complete HTML Tutorial Series! 🚀 In today's video, we'll learn about Data Attributes in HTML using the data-* syntax and understand how custom data can be stored directly inside HTML…

HTML Tutorial Day 28 | Global Attributes in HTML Explained | id, class, title & hidden Welcome to Day 28 of our Complete HTML Tutorial Series! 🚀 In this video, we’ll learn about Global Attributes in HTML and how they can be used with most HTML elements to provide additional information, identify…

HTML Tutorial Day 27 | Figure, Figcaption, Blockquote & Q Tag Explained | Semantic HTML Welcome to Day 27 of our Complete HTML Tutorial Series! 🚀 In this video, we’ll learn about four useful HTML elements: <figure>, <figcaption>, <blockquote>, and <q>. These semantic HTML elements help you…

HTML Tutorial Day 26 | Link Attributes in HTML | target, title, mailto & tel Explained Welcome to Day 26 of our Complete HTML Tutorial Series! 🚀 In today’s video, we’ll learn about Link Attributes in HTML and explore useful features of the <a> tag, including target, title, mailto, and tel. These…

HTML Tutorial Day 25 | Details & Summary Elements in HTML | Create FAQ Without CSS or JS Welcome to Day 25 of our Complete HTML Tutorial Series! 🚀 In today's video, you'll learn about the <details> and <summary> elements in HTML and how they can be used to create expandable content and FAQ…

HTML Tutorial Day 24 | Semantic HTML Tags Explained | Learn Semantic Elements Welcome to Day 24 of our Complete HTML Tutorial Series! 🚀 In today's video, you'll learn about Semantic HTML Tags and why they are important for creating clean, meaningful, and well-structured web pages. Semantic…

HTML Tutorial Day 23 | Meta Tags in HTML Explained | Charset, Viewport & Description Welcome to Day 23 of our Complete HTML Tutorial Series! 🚀 In today's video, you'll learn about HTML Meta Tags and how they provide important information about your webpage to browsers and search engines. We'll…

HTML Tutorial Day 22 | Video, Audio & iframe Tags Explained for Beginners Welcome to Day 22 of our Complete HTML Tutorial Series! 🚀 In today's video, you'll learn how to add video, audio, and external content to an HTML webpage using the <video>, <audio>, and <iframe> tags. These HTML elements are…

HTML Tutorial Day 21 | Fieldset, Legend & Datalist Elements Explained for Beginners Welcome to Day 21 of our Complete HTML Tutorial Series! 🚀 In today's video, you'll learn about 3 useful HTML form elements: <fieldset>, <legend>, and <datalist> with simple practical examples. These HTML elements…