Abbyshek Sharma
Abbyshek Sharma
  • 119
  • 63 995
Chapter 15 | CSS Align Self: Control Item Alignment with Ease! 🚀 | CSS Flexbox Tutorial
Welcome back to Say Hello to Flexbox! 🎉 Today, we’re diving into the align-self property in CSS, which allows you to adjust the alignment of individual flex items within a flex container!
What You’ll Learn:
✅ What is the align-self property?
✅ How align-self works in Flexbox
✅ Adjusting alignment for individual items (override align-items)
✅ The different alignment options (flex-start, flex-end, center, baseline, stretch)
✅ Real-world examples and best practices for controlling alignment
The align-self property is a game-changer for controlling the alignment of individual items, letting you fine-tune your layout with precision. Perfect for creating dynamic, responsive designs!
💡 Pro Tip: Use align-self to adjust the alignment of specific flex items without affecting the entire container!
🚀 Enjoyed the video? Don’t forget to LIKE, SHARE & SUBSCRIBE for more CSS & Flexbox tutorials!
มุมมอง: 5

วีดีโอ

Chapter 14 | CSS Flex Flow: Flexible Layouts Made Simple! 🚀 | CSS Flexbox Tutorial
มุมมอง 155 ชั่วโมงที่ผ่านมา
Welcome back to Say Hello to Flexbox! 🎉 In this video, we’re diving deep into the flex-flow shorthand property in CSS, which combines flex-direction and flex-wrap for more efficient, flexible layouts! What You’ll Learn: ✅ What is the flex-flow property? ✅ How flex-flow combines flex-direction and flex-wrap ✅ The difference between row and column wrapping ✅ Simplifying your Flexbox layout with f...
Chapter 24 | Mastering CSS Combinators - Descendant, Child, Adjacent & Sibling | CSS Tutorial
มุมมอง 387 ชั่วโมงที่ผ่านมา
Unlock the power of CSS combinators to select elements efficiently! In this video, we explore different combinators like descendant, child, adjacent, and general sibling. Learn how they work, when to use them, and see real-world examples to improve your CSS skills. 💡 Topics Covered: ✔️ What are CSS Combinators? ✔️ Descendant vs Child Selector ✔️ Adjacent vs General Sibling Selector ✔️ Practical...
Chapter 13 | Mastering the CSS Gap Property: Spacing Made Easy! 🚀 | CSS Flexbox Tutorial
มุมมอง 4123 ชั่วโมงที่ผ่านมา
Welcome back to Say Hello to Flexbox! 🎉 Today, we’re diving into the gap property in Flexbox, an essential tool for controlling spacing between flex items without using margins! What You’ll Learn: ✅ What is the gap property? ✅ Difference between row-gap, column-gap, and gap ✅ How gap works in both Flexbox & Grid ✅ Why gap is better than using margin for spacing ✅ Real-world examples & best prac...
Chapter 12 | Flexbox Order Property: Custom Item Arrangement! 🚀 | CSS Flexbox Tutorial
มุมมอง 542 ชั่วโมงที่ผ่านมา
Welcome back to Say Hello to Flexbox! 🎉 Today, we’re exploring the order property in Flexbox, which allows you to control the sequence of flex items without changing the HTML structure! What You’ll Learn: ✅ What is the order property in Flexbox? ✅ How it affects the natural flow of flex items ✅ Default vs. custom order values ✅ Reordering items dynamically ✅ Real-world examples for better UI/UX...
Chapter 11 | Flexbox Flex-Direction Explained: Row, Column & More! 🚀 | CSS Flexbox Tutorial
มุมมอง 242 ชั่วโมงที่ผ่านมา
Welcome to another episode of Say Hello to Flexbox! 🎉 Today, we’re diving into flex-direction, one of the most important properties in Flexbox. This property controls the main axis direction of flex items, allowing you to arrange them in a row, column, or even in reverse order! What You’ll Learn: ✅ What is flex-direction? ✅ How it changes the layout flow in Flexbox ✅ Different values: row, row-...
Chapter 23 | Mastering Z-Index - Control Element Stacking Like a Pro | CSS Tutorial
มุมมอง 402 ชั่วโมงที่ผ่านมา
In this video, we dive into CSS Z-Index, a crucial property for managing the stacking order of elements on a webpage. Learn how to control overlapping elements, fix layering issues, and create visually stunning designs. 💡 Topics Covered: ✔️ What is Z-Index? ✔️ How Stacking Context Works ✔️ Positioning & Z-Index Relationship ✔️ Fixing Overlapping Issues ✔️ Practical Examples & Use Cases 📌 By the...
Chapter 10 | Align-Items in Flexbox: Vertical Alignment Made Easy! 🚀 | CSS Flexbox Tutorial
มุมมอง 572 ชั่วโมงที่ผ่านมา
Welcome to another exciting episode of Say Hello to Flexbox! 🎉 Today, we’re breaking down align-items, a core Flexbox property that helps control the vertical alignment of flex items inside a container. If you've ever struggled with aligning elements properly, this video is for you! What You’ll Learn: ✅ What is align-items? ✅ How it works with the flex container ✅ Different values: flex-start, ...
Chapter 9 | Align-Content in Flexbox: Perfect Multi-Line Alignment! 🎯 | CSS Flexbox Tutorial
มุมมอง 654 ชั่วโมงที่ผ่านมา
Welcome back to the Say Hello to Flexbox series! 🚀 In this video, we dive deep into align-content, an important Flexbox property used for aligning multiple rows of flex items within a container. If you’ve ever struggled with spacing items in multi-line flex layouts, this property is the perfect solution! What You’ll Learn: ✅ What is align-content? ✅ Difference between align-content and align-it...
Chapter 8 | Justify-Content in Flexbox: Align Like a Pro! 🚀 | CSS Flexbox Tutorial
มุมมอง 214 ชั่วโมงที่ผ่านมา
Welcome to another lesson in the Say Hello to Flexbox series! Today, we’re focusing on justify-content, one of the most important properties in Flexbox. It controls the alignment of items along the main axis, making it super useful for creating flexible and responsive layouts. What You’ll Learn: ✅ What is justify-content? ✅ How it works along the main axis ✅ Different values: flex-start, flex-e...
Chapter 22 | Opacity & Filter Effects - Build a Stylish Team Section | CSS Tutorial
มุมมอง 734 ชั่วโมงที่ผ่านมา
In this video, we explore CSS opacity & filter effects to create a visually appealing Team Section. Learn how to control transparency, apply blur, grayscale, brightness, and other effects to images and text. Perfect for enhancing UI design and making elements stand out! 💡 Topics Covered: ✔️ CSS Opacity Property ✔️ Filter Effects (Blur, Grayscale, Brightness & More) ✔️ Hover Effects with Filters...
Chapter 7 | Mastering Flex: The Power of Shorthand (Grow, Shrink & Basis) 🚀
มุมมอง 524 ชั่วโมงที่ผ่านมา
Welcome to another lesson in the Say Hello to Flexbox series! In this video, we’re diving deep into the Flex shorthand property, which combines flex-grow, flex-shrink, and flex-basis into a single declaration. Mastering this will help you write cleaner, more efficient CSS for flexible layouts. What You’ll Learn: ✅ Understanding the shorthand: flex: [grow] [shrink] [basis] ✅ How flex-grow, flex-...
Chapter 6 | Flex-Basis in CSS Flexbox | Say Hello to Flexbox 🚀 | Flexbox CSS Tutorial
มุมมอง 337 ชั่วโมงที่ผ่านมา
Welcome back to the Say Hello to Flexbox series! In this video, we’ll explore the flex-basis property in CSS Flexbox and understand how it controls the initial size of flex items before they grow or shrink. What You’ll Learn: ✅ What is Flex-Basis and how does it work? ✅ How Flex-Basis differs from Width & Max-Width ✅ Understanding how Flex-Basis works with Flex-Grow & Flex-Shrink ✅ Practical ex...
Chapter 5 | Flex-Wrap & Wrap-Reverse in CSS Flexbox | CSS Flexbox Tutorial
มุมมอง 417 ชั่วโมงที่ผ่านมา
Chapter 5 | Flex-Wrap & Wrap-Reverse in CSS Flexbox | CSS Flexbox Tutorial
Chapter 4 | Flex-Shrink in CSS Flexbox | CSS Flexbox Tutorial
มุมมอง 467 ชั่วโมงที่ผ่านมา
Chapter 4 | Flex-Shrink in CSS Flexbox | CSS Flexbox Tutorial
Chapter 3 | Flex-Grow in CSS Flexbox | CSS Flexbox Tutorial
มุมมอง 737 ชั่วโมงที่ผ่านมา
Chapter 3 | Flex-Grow in CSS Flexbox | CSS Flexbox Tutorial
Chapter 2 | Flex vs Inline-Flex Explained | CSS Flexbox Tutorial
มุมมอง 647 ชั่วโมงที่ผ่านมา
Chapter 2 | Flex vs Inline-Flex Explained | CSS Flexbox Tutorial
Chapter 1 | Introduction to Flexbox CSS | Flexbox CSS Tutorial
มุมมอง 1667 ชั่วโมงที่ผ่านมา
Chapter 1 | Introduction to Flexbox CSS | Flexbox CSS Tutorial
Chapter 21 | Mastering CSS Gradients - Linear, Radial & More | CSS Tutorial
มุมมอง 447 ชั่วโมงที่ผ่านมา
Chapter 21 | Mastering CSS Gradients - Linear, Radial & More | CSS Tutorial
Chapter 20 | Border Radius and Overflow Explained | CSS Tutorial
มุมมอง 447 ชั่วโมงที่ผ่านมา
Chapter 20 | Border Radius and Overflow Explained | CSS Tutorial
Chapter 19 | Child to Parent Communication Using Callback Functions | React JS Tutorial
มุมมอง 609 ชั่วโมงที่ผ่านมา
Chapter 19 | Child to Parent Communication Using Callback Functions | React JS Tutorial
🔥 HTML Roadmap: Learn HTML in 15 Days with a Structured Plan! 🚀 | HTML Tutorial
มุมมอง 3549 ชั่วโมงที่ผ่านมา
🔥 HTML Roadmap: Learn HTML in 15 Days with a Structured Plan! 🚀 | HTML Tutorial
Chapter 19 | Pseudo Elements Explained: Before, After, Marker, Selection and more | CSS Tutorial
มุมมอง 719 ชั่วโมงที่ผ่านมา
Chapter 19 | Pseudo Elements Explained: Before, After, Marker, Selection and more | CSS Tutorial
Chapter 18 | Mastering nth-child and nth-of-type Selectors | CSS Tutorial
มุมมอง 15712 ชั่วโมงที่ผ่านมา
Chapter 18 | Mastering nth-child and nth-of-type Selectors | CSS Tutorial
Chapter 42 | The End | HTML Project: Building a Complete Website Using HTML Only | HTML Tutorial
มุมมอง 51214 ชั่วโมงที่ผ่านมา
Chapter 42 | The End | HTML Project: Building a Complete Website Using HTML Only | HTML Tutorial
Chapter 17 | Box Shadow, EM, and REM Units Explained | CSS Tutorial
มุมมอง 12914 ชั่วโมงที่ผ่านมา
Chapter 17 | Box Shadow, EM, and REM Units Explained | CSS Tutorial
Chapter 18 | UseEffect Explained: Meet the Nosy Neighbor Aunty of React! 🏠👀| React JS Tutorial
มุมมอง 13916 ชั่วโมงที่ผ่านมา
Chapter 18 | UseEffect Explained: Meet the Nosy Neighbor Aunty of React! 🏠👀| React JS Tutorial
Chapter 41 | Difference Between HTML & HTML5 Explained | HTML Tutorial
มุมมอง 8816 ชั่วโมงที่ผ่านมา
Chapter 41 | Difference Between HTML & HTML5 Explained | HTML Tutorial
Chapter 40 | Meta Tags & Doctype Explained | HTML Tutorial
มุมมอง 7216 ชั่วโมงที่ผ่านมา
Chapter 40 | Meta Tags & Doctype Explained | HTML Tutorial
Chapter 39 | HTML Entities and Comments Explained | HTML Tutorial
มุมมอง 4916 ชั่วโมงที่ผ่านมา
Chapter 39 | HTML Entities and Comments Explained | HTML Tutorial

ความคิดเห็น

  • @Astrofacts._
    @Astrofacts._ 2 ชั่วโมงที่ผ่านมา

    Sir, html css and js, Bs itna he sikhenge ?

  • @darkfantasy9239
    @darkfantasy9239 17 ชั่วโมงที่ผ่านมา

    saare live classes k sath aap kuch coding assesment de do practice ke liye

  • @ajjubhardwaj2052
    @ajjubhardwaj2052 17 ชั่วโมงที่ผ่านมา

    nice 👍🎉 work sir

  • @hetgurjar5836
    @hetgurjar5836 วันที่ผ่านมา

    How did you get that new css logo icon in ur Vscode, and which extension u using to display those color properties in css file?

    • @AbbyshekSharma
      @AbbyshekSharma วันที่ผ่านมา

      Check the VS Code playlist for that.

  • @laziklatief1964
    @laziklatief1964 วันที่ผ่านมา

    Is this from basic level Sir?

  • @VishuPanchal-k5r
    @VishuPanchal-k5r วันที่ผ่านมา

    Amazing Explanation

  • @foxfire870
    @foxfire870 วันที่ผ่านมา

    Day 1 Complete sir...Thanku For best Guidence

  • @laxmanjjjjg6877
    @laxmanjjjjg6877 วันที่ผ่านมา

    Alert("Day 1 completed👌💯"); Day++;

  • @pwians8305
    @pwians8305 วันที่ผ่านมา

    Bahut achha padha rahe ho bhaiya aap ❤❤

  • @pwians8305
    @pwians8305 วันที่ผ่านมา

    Kya padhate ho yar ❤❤ bhaiya ..❤ kaha the itne dino se yar

  • @donationgirl7405
    @donationgirl7405 วันที่ผ่านมา

    BeimanWild ki kooish Kam a gi

  • @HemantKumar-ku2rl
    @HemantKumar-ku2rl วันที่ผ่านมา

    Sir is this a complete Js series

  • @crazysahib
    @crazysahib วันที่ผ่านมา

    ❤🙏

  • @rivardhanrana4339
    @rivardhanrana4339 วันที่ผ่านมา

    Code

  • @Kiddo_Cartoons_Official
    @Kiddo_Cartoons_Official วันที่ผ่านมา

    This tutorial One of the best tutorial in other channels 🎉🎉

  • @praveenkumar08
    @praveenkumar08 วันที่ผ่านมา

    Day 1 completed 👌💯

  • @muhammad_zohaib936
    @muhammad_zohaib936 วันที่ผ่านมา

    In JavaScript , Is it essential to add this line Use strict ; In the start

    • @AbbyshekSharma
      @AbbyshekSharma วันที่ผ่านมา

      No, will teach u in upcoming classes don’t worry

  • @AnjaliSingh-0926
    @AnjaliSingh-0926 2 วันที่ผ่านมา

    Sir please bring python series from scratch to advance Request 😊

    • @AbbyshekSharma
      @AbbyshekSharma วันที่ผ่านมา

      Definitely but abhi time h usme

    • @AnjaliSingh-0926
      @AnjaliSingh-0926 วันที่ผ่านมา

      @AbbyshekSharma kbb tkkk Sir

  • @mohitupadhyaydholpur
    @mohitupadhyaydholpur 2 วันที่ผ่านมา

    Aaj to maja hi a Gaya seriously

  • @ShubhamKumar-zi6gt
    @ShubhamKumar-zi6gt 2 วันที่ผ่านมา

    thankuu so much sir

  • @pradeeppawar6743
    @pradeeppawar6743 2 วันที่ผ่านมา

    Code

  • @RamaRaoff
    @RamaRaoff 2 วันที่ผ่านมา

    bhaiya meine .net mysql or c# se wweb development kar raha hu demand hai ki nhi

  • @rivardhanrana4339
    @rivardhanrana4339 2 วันที่ผ่านมา

    Accha abby bhaiya ye batao ki javascript ke bagair react js kaise start hua

    • @AbbyshekSharma
      @AbbyshekSharma 2 วันที่ผ่านมา

      Aj rat 10 bje se live

    • @rivardhanrana4339
      @rivardhanrana4339 2 วันที่ผ่านมา

      @@AbbyshekSharma kya javascript live main attend kar nahi paunga main dusro se hotspot leta hu na

  • @ZabiullahTechnicalCoder
    @ZabiullahTechnicalCoder 3 วันที่ผ่านมา

    sir plz js lecture la kr aya plz

    • @AbbyshekSharma
      @AbbyshekSharma 2 วันที่ผ่านมา

      Aj rat 10 bje se live

  • @AnuragKumar-eq6ye
    @AnuragKumar-eq6ye 3 วันที่ผ่านมา

    Display- grid kab se start hoga

  • @Studymindmastery
    @Studymindmastery 3 วันที่ผ่านมา

    bhaiya aaj tk kishi ne nhi bataya tha --------------------------------------------------------- thanks bhaiya

  • @AnuragKumar-eq6ye
    @AnuragKumar-eq6ye 3 วันที่ผ่านมา

    Display- grid kab cover kariya ga

  • @Studymindmastery
    @Studymindmastery 3 วันที่ผ่านมา

    baan gya bhaiya

  • @Studymindmastery
    @Studymindmastery 3 วันที่ผ่านมา

    chota deep me bataiye @Abhyshek bhaiaya

  • @Studymindmastery
    @Studymindmastery 3 วันที่ผ่านมา

    done ..!

  • @Samiirrrr-11
    @Samiirrrr-11 3 วันที่ผ่านมา

    Better than other TH-camrs 🙌

  • @AnuragKumar-eq6ye
    @AnuragKumar-eq6ye 3 วันที่ผ่านมา

    Bhiya aapn mb-40 kar diya ho par margin- 40px nhi kiya ho

    • @AbbyshekSharma
      @AbbyshekSharma 3 วันที่ผ่านมา

      Ha ha 🤣 wo change karo galti se miss ho gya tha next video dekhna

  • @techdrug901
    @techdrug901 3 วันที่ผ่านมา

    Sir🎉🎉🎉 awesome

  • @Yash_Patil.31
    @Yash_Patil.31 3 วันที่ผ่านมา

    present sir

  • @Yash_Patil.31
    @Yash_Patil.31 3 วันที่ผ่านมา

    Present sir

  • @Yash_Patil.31
    @Yash_Patil.31 3 วันที่ผ่านมา

    Present Sir

  • @Tathya20
    @Tathya20 4 วันที่ผ่านมา

    Suggest html projects

    • @AbbyshekSharma
      @AbbyshekSharma 4 วันที่ผ่านมา

      Apne dimag ka use karna is also a part of this series 👹

  • @Abrar_sheikh_80
    @Abrar_sheikh_80 4 วันที่ผ่านมา

    Present sir

  • @pintubarde3344
    @pintubarde3344 4 วันที่ผ่านมา

    Present sir ji

  • @pintubarde3344
    @pintubarde3344 4 วันที่ผ่านมา

    Present sir ji

  • @pintubarde3344
    @pintubarde3344 4 วันที่ผ่านมา

    Present sir ji

  • @pintubarde3344
    @pintubarde3344 4 วันที่ผ่านมา

    Present sir ji

  • @pintubarde3344
    @pintubarde3344 4 วันที่ผ่านมา

    Present sir ji

  • @pintubarde3344
    @pintubarde3344 4 วันที่ผ่านมา

    Present sir ji

  • @pintubarde3344
    @pintubarde3344 4 วันที่ผ่านมา

    Present sir

  • @pintubarde3344
    @pintubarde3344 5 วันที่ผ่านมา

    Code

  • @ffwith_beastt
    @ffwith_beastt 5 วันที่ผ่านมา

    Thankuu sir , the best video of vs code i ever watch

  • @pintubarde3344
    @pintubarde3344 5 วันที่ผ่านมา

    Present sir ji

  • @N.k.thakor6458
    @N.k.thakor6458 5 วันที่ผ่านมา

    Your content is good keep it up and make sure that you cover best responsive design and production level html structure with css code practice followed that gives lots of information to learn

    • @AbbyshekSharma
      @AbbyshekSharma 5 วันที่ผ่านมา

      Everything will be covered

  • @mdsameeralam245
    @mdsameeralam245 5 วันที่ผ่านมา

    🎉🎉