Coding2GO
Coding2GO
  • 133
  • 2 712 238
The most popular Flexbox property explained in 4 Minutes | CSS flex shorthand
Learn how to use the flex shorthand in CSS Flexbox to create responsive layouts faster with CSS Flexbox. This one line of code can improve your Flexbox layout fast and easy. flex: 1 1 0; is one of the most popular flexbox pro tips. Understand the meaning of flex 1 1 0 and how the flexbox properties flex-grow, flex-shrink and flex-basis work.
😎 Become a Member to Support our Channel: th-cam.com/channels/GpoeEhUBQBaaKZ_a8HB67Q.htmljoin
👉 Get our HTML & CSS Course on Udemy: www.udemy.com/course/learn-html-and-css-in-7-days-web-developer-bootcamp/?referralCode=8054BF2C4D86FC75DB00
Host Your Own Website With Hostinger:
🚀 www.hostinger.com/coding2go
✌️ And get a huge discount with our code: CODING2GO
Concepts you will learn in this video
✔ HTML, CSS
✔ css flex property
✔ css tips and tricks
✔ css flexbox
✔ css flex shorthand
✔ hot to use flex: 1 1 0;
✔ meaning of flex 1 1 0
✔ flexbox shortcut
✔ css flexbox pro tip
✔ css flex-grow
✔ css flex-shrink
✔ css flex-basis
✔ flex explained css
✔ flex shorthand in css
✔ flex property in css
✔ css flex shorthand
✔ flex-grow flex-shrink flex-basis
✔ flex-basis: 0; explained
✔ learn flex-grow and flex-shrink for beginners
✔ css flexbox beginner tutorial
มุมมอง: 28 539

วีดีโอ

Why you should start using ARIA Attributes in HTML
มุมมอง 24K21 วันที่ผ่านมา
Learn ARIA in 5 Minutes | HTML Accessibility Tutorial for beginners 😎 Become a Member to Support our Channel: th-cam.com/channels/GpoeEhUBQBaaKZ_a8HB67Q.htmljoin Learn how to use aria-attributes like aria-label, aria-labelledby, aria-expanded and aria-controls in HTML to make your websites more accessible and boost your Accessibility score. Knowing how to use ARIA attributes in HTML is an impor...
Avoid THESE 5 JavaScript Beginner MISTAKES
มุมมอง 41K21 วันที่ผ่านมา
Watch this next: th-cam.com/video/PojpwEbOQJg/w-d-xo.html 😎 Become a Member to Support our Channel: th-cam.com/channels/GpoeEhUBQBaaKZ_a8HB67Q.htmljoin In this video, we explore five common beginner mistakes in JavaScript and how to avoid them for better, cleaner, and more efficient code. Whether you're just starting out or looking to improve your JavaScript skills, understanding these bad prac...
Why inline-flex is my new favorite display value
มุมมอง 106Kหลายเดือนก่อน
Learn how display: inline-flex can improve your CSS flexbox layouts In this video, you'll learn why display: inline-flex is my favorite CSS property for Flexbox layouts. While traditional block and inline elements control element alignment on a webpage, using display: flex can disrupt sibling behavior and cause layout issues. That's where inline-flex comes in! It combines the flexibility of Fle...
10 CSS PRO Tips and Tricks you NEED to know
มุมมอง 98Kหลายเดือนก่อน
😎 Become a Member to Support our Channel: th-cam.com/channels/GpoeEhUBQBaaKZ_a8HB67Q.htmljoin 👉 Get our HTML & CSS Course on Udemy: www.udemy.com/course/learn-html-and-css-in-7-days-web-developer-bootcamp/?referralCode=8054BF2C4D86FC75DB00 In this video you will learn 10 CSS Tricks for Beginners and Advanced Developers that want to learn modern css concepts. These 10 css pro tips can boost your...
How to use map() filter() reduce() | JavaScript Array Methods Tutorial
มุมมอง 12Kหลายเดือนก่อน
Most important Array Methods Explained for Beginners | Learn Map, Filter, Reduce in JavaScript with Examples | Use array methods instead of foreach. Become a Member and get access to our udemy course 👉 th-cam.com/channels/GpoeEhUBQBaaKZ_a8HB67Q.htmljoin *Check out our website*: 👉 www.coding2go.com * Get our CSS Udemy Course*: 👉 www.udemy.com/course/learn-html-and-css-in-7-days-web-developer-boo...
JavaScript Arrays Crash Course Tutorial for beginners
มุมมอง 4K2 หลายเดือนก่อน
Learn how to create arrays in javascript | How to add and remove array elements | How to loop over arrays using a forEach Loop 😎 Join our Membership to Support our Channel: th-cam.com/channels/GpoeEhUBQBaaKZ_a8HB67Q.htmljoin Thanks to all of you, who already support our work 💙 👉 Get our HTML & CSS Course on Udemy: www.udemy.com/course/learn-html-and-css-in-7-days-web-developer-bootcamp/?referra...
Javascript forEach method explained in 4 Minutes for beginners
มุมมอง 6K2 หลายเดือนก่อน
Understand ALL THREE parameters of the forEach method and how to use them to iterate through arrays in javascript Learn more about Arrays: th-cam.com/video/do3a2tmlabw/w-d-xo.html Learn how to iterate through arrays with the forEach method in js | 😎 Join our Membership to Support our Channel: th-cam.com/channels/GpoeEhUBQBaaKZ_a8HB67Q.htmljoin Thanks to all of you, who already support our work ...
Build a Responsive Sidebar Menu with Animated Dropdowns | HTML CSS JavaScript Project
มุมมอง 69K2 หลายเดือนก่อน
Collapsible Sidebar Menu | Source Code | Dropdown Transitions | Bottom Navigation Bar on Mobile Devices | HTML, CSS, JavaScript Project 👉 Get our HTML & CSS Course on Udemy: www.udemy.com/course/learn-html-and-css-in-7-days-web-developer-bootcamp/?referralCode=8054BF2C4D86FC75DB00 In this video you will learn how to use modern css and javascript concepts by building an html, css and javascript ...
How to create RESPONSIVE Layouts with CSS GRID
มุมมอง 62K2 หลายเดือนก่อน
Responsive Sidebar, Navbar, Main, Footer Layout, How to use CSS Grid Layouts for beginners | Responsive CSS Grids with grid-template-areas, fractional units and media queries. Learn more about CSS Grid in our course: 👉www.udemy.com/course/learn-html-and-css-in-7-days-web-developer-bootcamp/?referralCode=8054BF2C4D86FC75DB00 Learn CSS Positions in 4 Minutes: 👉th-cam.com/video/YEmdHbQBCSQ/w-d-xo....
Tooltip Hover Transition for Social Media Icons HTML & CSS Tutorial
มุมมอง 15K2 หลายเดือนก่อน
Create Tooltip Transitions with CSS ONLY! | Animated Socials Section with HTML and CSS - Source Code Here: coding2go.com Create Amazing Animations / Hover Effects for your social media icons and social media buttons with HTML and CSS. Learn how to use the transition property with an interactive example of how to create social media links with CSS for your TH-cam, TikTok, Instagram, X and Facebo...
Create Responsive CSS Grid Layouts with GRID WRAPPING
มุมมอง 65K3 หลายเดือนก่อน
WRAP GRIDS with CSS | Learn repeat(), minmax(), fractions, auto-fit and responsive web design with CSS Grid in only 6 Minutes. Coding2Go explains how to create responsive grid layouts with wrapping grids that look like flex-wrap or flex-grow and flex-shrink but in css grid without using flexbox. Wrap Grids to create responsive layouts that fit on every device. It adjusts the amount of columns a...
Learn CSS Flexbox in 20 Minutes (Course)
มุมมอง 245K3 หลายเดือนก่อน
Learn how to create responsive websites with this CSS Flexbox Beginner Course. Display: flex; explained in 20 minutes by Coding2GO 👉 Get the full course here: www.udemy.com/course/learn-html-and-css-in-7-days-web-developer-bootcamp/?couponCode=CODING2GO In this CSS Flexbox Crash Course for beginners you are going to learn about responsive web design by getting CSS Flexbox explained. How to use ...
Learn CSS in 7 Days | Course Announcement
มุมมอง 16K3 หลายเดือนก่อน
Get the course here: www.udemy.com/course/learn-html-and-css-in-7-days-web-developer-bootcamp/?couponCode=CODING2GO If the discount isn't already applied enter our coupon code: CODING2GO *ABOUT THE COURSE* In just one week, you'll master the technologies, concepts, and theory behind HTML and CSS. More importantly, you'll apply your new skills through a series of practical projects. *Start Your ...
Create a Dark Mode Switch with HTML, CSS, JavaScript
มุมมอง 36K3 หลายเดือนก่อน
Learn how to create a dark mode switch with html and css and save the theme with javascript localstorage. This html, css and javascript beginner tutorial with explain how to provide a dark and light mode switch on your website. *Check out our website*: 👉 www.coding2go.com * Get our HTML Udemy Course*: 👉 www.udemy.com/course/coding2go-html5-crashcourse/?referralCode=F017D565D3D3BE47B8BC *Host yo...
Learn CSS Border Animations in 6 Minutes
มุมมอง 226K3 หลายเดือนก่อน
Learn CSS Border Animations in 6 Minutes
Learn CSS :not() and :has() selector in 6 Minutes
มุมมอง 13K4 หลายเดือนก่อน
Learn CSS :not() and :has() selector in 6 Minutes
Login & Signup with HTML, CSS, JavaScript (form validation)
มุมมอง 34K4 หลายเดือนก่อน
Login & Signup with HTML, CSS, JavaScript (form validation)
Learn JavaScript EventListeners in 4 Minutes
มุมมอง 23K4 หลายเดือนก่อน
Learn JavaScript EventListeners in 4 Minutes
BIG NEWS "How to Center a Div" finally answered (new css property)
มุมมอง 23K4 หลายเดือนก่อน
BIG NEWS "How to Center a Div" finally answered (new css property)
Learn CSS ::before and ::after in 4 Minutes
มุมมอง 196K4 หลายเดือนก่อน
Learn CSS ::before and ::after in 4 Minutes
Learn CSS Positions in 4 minutes
มุมมอง 111K4 หลายเดือนก่อน
Learn CSS Positions in 4 minutes
Learn CSS Animations in 9 Minutes
มุมมอง 50K5 หลายเดือนก่อน
Learn CSS Animations in 9 Minutes
These CSS PRO Tips & Tricks Will Blow Your Mind!
มุมมอง 467K6 หลายเดือนก่อน
These CSS PRO Tips & Tricks Will Blow Your Mind!
Build & Deploy a TODO APP with JavaScript
มุมมอง 21K8 หลายเดือนก่อน
Build & Deploy a TODO APP with JavaScript
Create a RESPONSIVE NAVBAR with sidebar animation (CSS ONLY)
มุมมอง 91K8 หลายเดือนก่อน
Create a RESPONSIVE NAVBAR with sidebar animation (CSS ONLY)
How to create a GRADIENT BORDER in CSS Tutorial
มุมมอง 35K9 หลายเดือนก่อน
How to create a GRADIENT BORDER in CSS Tutorial
Learn HTML for beginners (create your first website)
มุมมอง 13Kปีที่แล้ว
Learn HTML for beginners (create your first website)
How to create a popup in html (dialogs and modals)
มุมมอง 11Kปีที่แล้ว
How to create a popup in html (dialogs and modals)
How to learn JavaScript in 2024 (ROADMAP)
มุมมอง 5Kปีที่แล้ว
How to learn JavaScript in 2024 (ROADMAP)

ความคิดเห็น

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

    yeah perfect video, i love this video

  • @leonardigweokolo2813
    @leonardigweokolo2813 4 ชั่วโมงที่ผ่านมา

    I don't know if it was the JS but this tutorial was too advanced for me to understand. Great work your doing mate!!!

  • @harshrawat503
    @harshrawat503 6 ชั่วโมงที่ผ่านมา

    just looking for this type of content thanks brahhhh

  • @Tix_Blox
    @Tix_Blox 9 ชั่วโมงที่ผ่านมา

    Dude, you are the best, keep up

  • @Tix_Blox
    @Tix_Blox 13 ชั่วโมงที่ผ่านมา

    one really hard question, why are you so underrated, you literally helped me do something i was trying to do for almost 4 months!

  • @g-elfamily936
    @g-elfamily936 19 ชั่วโมงที่ผ่านมา

    I’m stack on increase padding 3px. It won’t increase the padding even when I’m adding the background-image: conic-gradient it’s not doing anything I’m stack please help

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

    I see that a lot of other tutorials do the same. What if you have a semi-transparent background for the main element that is in front of the pseudo element?

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

    what video editor you are using?

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

    Tank you so much, @Coding2GO. This is the best CSS Positioning tutorial on Youtude. An excellent short and straight to the point instructions. You are awesome. I have subscribed immediately and shared to friends. Please, we need more of this type of teaching tutorial.

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

    .

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

    awesome, thanks a lot for that!

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

    that was awesome

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

    Which browser is this guy using??

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

    I’m unable to play ur hymn nd css playlist

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

    Hello

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

    It worked ❤ thankuu 🎉🎉🎉🎉🎉so much

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

    Use this line: width: clamp(fit-content, 300px, 100%); Instead of: width: 300px; In @media(max-width: 450px) This will make your nav bar more responsive and prevent overflow, like if window has only 250px, it will work! Must use it!

  • @Adarsh-d4y8
    @Adarsh-d4y8 2 วันที่ผ่านมา

    how do you able to make this types of css bro this is increadable plese let me know how do you these much proficiency in css

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

    i love this video

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

    At last.......a tutorial that is structured to actually help someone learn CSS! 👏

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

    You’re a beast! Thank you!

  • @lazy-hero.
    @lazy-hero. 2 วันที่ผ่านมา

    Thanks buddy

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

    Thanks man ❤

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

    thank you but the music is so annoying

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

    Thank you very much, I made this navbar as a React component and it worked perfectly.

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

    This is why I'm here, Fabian :)

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

    thank you

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

    thanks man! you are best!

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

    Hi, I just sent an email, please check it

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

    vscode theme plz !

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

    Thankyou man, you really helped me out

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

    Kefram animates don't work for variables and we should use @property...

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

    Heloo

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

    Bro...y do u use position absolute for the before and after pseudo class...taught its for the child element

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

      Because pseudo-elements behave like child elements. They are inserted before (or after) the content of the element.

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

    Bravo

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

    Nice explain!

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

    Only one word for it : Superb ! Many thanks ! This has helped me a lot.

  • @user-hw4px8oy5
    @user-hw4px8oy5 5 วันที่ผ่านมา

    idk why, but i need double click, if i want pause

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

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

    Brother, remove the flex, align properties from btn and remove height & weight from ::before. Just add inline: -2px. That's it.

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

    Please make a playlist tutorial for javascript

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

    Great explanation! Will it work if make image gallery with different size of images ? I have images in foreach loop C#. It would be great a tutorial with responsive images.

  • @saivarma6532
    @saivarma6532 6 วันที่ผ่านมา

    Hello I’m unable to play ur html nd CAs playlist

  • @itx_mhassan
    @itx_mhassan 6 วันที่ผ่านมา

    These videos help alot Thank you sir ❤

  • @Alaaaaaaaaaaaaaaaa
    @Alaaaaaaaaaaaaaaaa 6 วันที่ผ่านมา

    Underrated channel

  • @oleksiipetrenko3824
    @oleksiipetrenko3824 6 วันที่ผ่านมา

    Thanks a lot. Very nice explanation.

  • @jugmilic2096
    @jugmilic2096 7 วันที่ผ่านมา

    ❤Thanks for help!❤