Cómo funciona flex-shrink en Flexbox . . #srspes #cssdesdecero #html #desarrolloweb
0:25
TikToksrspes
Cómo funciona flex-shrink en Flexbox . . #srspes #cssdesdecero #html #desarrolloweb
SrSpes | Desarrollador Web(@srspes). sonido original - SrSpes | Desarrollador Web. Cómo funciona flex-shrink en Flexbox . . #srspes #cssdesdecero #html #desarrolloweb
431 views4 months ago
Related Products
Heat Shrink Tape
Clear Heat Shrink Tubing
Shrink Wrap Tape
#css
Are we over-engineering with modern CSS?
Are we over-engineering with modern CSS?
YouTube1 month ago
I wish this is how colors always worked
I wish this is how colors always worked
YouTube1 month ago
Top videos
SrSpes | Desarrollador Web on Instagram: "Cómo funciona flex-shrink en Flexbox . . #srspes #cssdesdecero #html #desarrolloweb"
0:25
SrSpes | Desarrollador Web on Instagram: "Cómo funciona flex-shrink en Flexbox . . #srspes #cssdesdecero #html #desarrolloweb"
Instagramsrspess
7 views4 months ago
CSS Fluid Layout with Flex 😱🔥 Responsive with Flex-grow, Flex-shrink, Flex-basis 🤯 ✅️ A CSS fluid layout is a design that adjusts smoothly to different screen sizes. Elements use relative units, like percentages, to adapt to various devices, creating a seamless user experience. 👩‍💻 Syntax - .name { flex: 1 0 140px; } .email { flex: 1 0 120px; } button { flex: 1 0 60px; } ❤️ Hit the heart icon and show your love to this video ❤️ | 📲 Comment down your thoughts and doubts ✍️ | 🌸 Share with y
0:11
CSS Fluid Layout with Flex 😱🔥 Responsive with Flex-grow, Flex-shrink, Flex-basis 🤯 ✅️ A CSS fluid layout is a design that adjusts smoothly to different screen sizes. Elements use relative units, like percentages, to adapt to various devices, creating a seamless user experience. 👩‍💻 Syntax - .name { flex: 1 0 140px; } .email { flex: 1 0 120px; } button { flex: 1 0 60px; } ❤️ Hit the heart icon and show your love to this video ❤️ | 📲 Comment down your thoughts and doubts ✍️ | 🌸 Share with y
FacebookCoding Stella
84.3K viewsMar 15, 2025
CSS Fluid Layout with Flex 😎 Responsive with Flex-grow, Flex-shrink, Flex-basis 🤯 😇 A CSS fluid layout is a design that adjusts smoothly to different screen sizes. Elements use relative units, like percentages, to adapt to various devices, creating a seamless user experience. ❤️ Hit the heart icon and show your love to this video ❤️ | 📲 Comment down your thoughts and doubts ✍️ | 🌸 Share with your other frontend friends and spread the exciting tricks tips 🔥 • • • 🖇️ 𝗦𝗧𝗔𝗬 𝗖𝗢𝗡𝗡𝗘𝗖𝗧
0:05
CSS Fluid Layout with Flex 😎 Responsive with Flex-grow, Flex-shrink, Flex-basis 🤯 😇 A CSS fluid layout is a design that adjusts smoothly to different screen sizes. Elements use relative units, like percentages, to adapt to various devices, creating a seamless user experience. ❤️ Hit the heart icon and show your love to this video ❤️ | 📲 Comment down your thoughts and doubts ✍️ | 🌸 Share with your other frontend friends and spread the exciting tricks tips 🔥 • • • 🖇️ 𝗦𝗧𝗔𝗬 𝗖𝗢𝗡𝗡𝗘𝗖𝗧
FacebookCoding Stella
103.3K views11 months ago
CSS Flexible Box Layout CSS Flexbox Examples
CSS 2025 Topper Interview 🔥 Usaid Rafique | World Times Institute
0:38
CSS 2025 Topper Interview 🔥 Usaid Rafique | World Times Institute
YouTubeWorld Times CSS Videos
47.3K views1 month ago
Hover Effects in CSS | Web Development | Hover Effects | CSS Tutorial #css #cssanimation #webdesign
0:06
Hover Effects in CSS | Web Development | Hover Effects | CSS Tutorial #css #cssanimation #webdesign
YouTubeCode 4 Hack
2K views3 months ago
What Is Sovereignty? 🤯 | Explained Simply
0:22
What Is Sovereignty? 🤯 | Explained Simply
YouTubeQUICK REVIEW
1.4K views1 week ago
SrSpes | Desarrollador Web on Instagram: "Cómo funciona flex-shrink en Flexbox . . #srspes #cssdesdecero #html #desarrolloweb"
0:25
SrSpes | Desarrollador Web on Instagram: "Cómo funciona flex-shrink en Flexbox . . #srspes #cssdesdecero #html #desarrolloweb"
7 views4 months ago
Instagramsrspess
CSS Fluid Layout with Flex 😱🔥 Responsive with Flex-grow, Flex-shrink, Flex-basis 🤯 ✅️ A CSS fluid layout is a design that adjusts smoothly to different screen sizes. Elements use relative units, like percentages, to adapt to various devices, creating a seamless user experience. 👩‍💻 Syntax - .name { flex: 1 0 140px; } .email { flex: 1 0 120px; } button { flex: 1 0 60px; } ❤️ Hit the heart icon and show your love to this video ❤️ | 📲 Comment down your thoughts and doubts ✍️ | 🌸 Share with y
0:11
CSS Fluid Layout with Flex 😱🔥 Responsive with Flex-grow, Flex-shrink, Flex-basis 🤯 ✅️ A CSS fluid layout is a design that adjusts smoothly to different screen sizes. Elements use relative units, like percentages, to adapt to various devices, creating a seamless user experience. 👩‍💻 Syntax - .name { flex: 1 0 140px; } .email { flex: 1 0 120px; } button { flex: 1 0 60px; } ❤️ Hit the heart icon and show your love to this video ❤️ | 📲 Comment down your thoughts and doubts ✍️ | 🌸 Share with y
84.3K viewsMar 15, 2025
FacebookCoding Stella
CSS Fluid Layout with Flex 😎 Responsive with Flex-grow, Flex-shrink, Flex-basis 🤯 😇 A CSS fluid layout is a design that adjusts smoothly to different screen sizes. Elements use relative units, like percentages, to adapt to various devices, creating a seamless user experience. ❤️ Hit the heart icon and show your love to this video ❤️ | 📲 Comment down your thoughts and doubts ✍️ | 🌸 Share with your other frontend friends and spread the exciting tricks tips 🔥 • • • 🖇️ 𝗦𝗧𝗔𝗬 𝗖𝗢𝗡𝗡𝗘𝗖𝗧
0:05
CSS Fluid Layout with Flex 😎 Responsive with Flex-grow, Flex-shrink, Flex-basis 🤯 😇 A CSS fluid layout is a design that adjusts smoothly to different screen sizes. Elements use relative units, like percentages, to adapt to various devices, creating a seamless user experience. ❤️ Hit the heart icon and show your love to this video ❤️ | 📲 Comment down your thoughts and doubts ✍️ | 🌸 Share with your other frontend friends and spread the exciting tricks tips 🔥 • • • 🖇️ 𝗦𝗧𝗔𝗬 𝗖𝗢𝗡𝗡𝗘𝗖𝗧
103.3K views11 months ago
FacebookCoding Stella
The Coding Wizard | Web Development & AI | 1M🎯 on Instagram: "Flex items properties explained🎯👇 - flex-shrink 📉: Controls the ability of a flex item to shrink if necessary when the container's space is limited. It accepts a number value where: - `flex-shrink: 0;` means the item won't shrink. - `flex-shrink: 1;` (default) means the item can shrink. - flex-grow 📈: Determines the ability of a flex item to grow to fill any extra space in the flex container. It also accepts a number value where:
0:10
The Coding Wizard | Web Development & AI | 1M🎯 on Instagram: "Flex items properties explained🎯👇 - flex-shrink 📉: Controls the ability of a flex item to shrink if necessary when the container's space is limited. It accepts a number value where: - `flex-shrink: 0;` means the item won't shrink. - `flex-shrink: 1;` (default) means the item can shrink. - flex-grow 📈: Determines the ability of a flex item to grow to fill any extra space in the flex container. It also accepts a number value where:
89.6K viewsApr 9, 2024
Instagramthe_coding_wizard
Stella • Coding • HTML • CSS • JAVASCRIPT on Instagram: "CSS Fluid Layout with Flex 😎 Responsive with Flex-grow, Flex-shrink, Flex-basis 😇 💫 A CSS fluid layout is a design that adjusts smoothly to different screen sizes. Elements use relative units, like percentages, to adapt to various devices, creating a seamless user experience. ❤️ Hit the heart icon and show your love to this video ❤️ | 📲 Comment down your thoughts and doubts ✍️ | 🌸 Share with your other frontend friends and spread the
0:07
Stella • Coding • HTML • CSS • JAVASCRIPT on Instagram: "CSS Fluid Layout with Flex 😎 Responsive with Flex-grow, Flex-shrink, Flex-basis 😇 💫 A CSS fluid layout is a design that adjusts smoothly to different screen sizes. Elements use relative units, like percentages, to adapt to various devices, creating a seamless user experience. ❤️ Hit the heart icon and show your love to this video ❤️ | 📲 Comment down your thoughts and doubts ✍️ | 🌸 Share with your other frontend friends and spread the
627K viewsAug 15, 2023
Instagramcoding.stella
Replying to @V I N Z O E ✨Creating equal width items inside a flex Breakdown: This is achieved using a combination of the following three properties 👉 flex-basis set to 100% makes the elements to try to be as wide as the parent itself 👉 flex-shrink of 1 makes all the elements shrink evenly, making them of equal width 👉 flex-grow set to 0, makes the element not grow even when there is more space available, but is arbitrary in this case #html #css3 #javascript #flexboxcss #cssflexbox #cssflex
0:16
Replying to @V I N Z O E ✨Creating equal width items inside a flex Breakdown: This is achieved using a combination of the following three properties 👉 flex-basis set to 100% makes the elements to try to be as wide as the parent itself 👉 flex-shrink of 1 makes all the elements shrink evenly, making them of equal width 👉 flex-grow set to 0, makes the element not grow even when there is more space available, but is arbitrary in this case #html #css3 #javascript #flexboxcss #cssflexbox #cssflex
11.2K viewsApr 27, 2023
TikTokcodechorus
Chandan Devs on Instagram: "CSS Fluid Layout with Flex 😎 Responsive with Flex-grow, Flex-shrink, Flex-basis 🤯 😇 A CSS fluid layout is a design that adjusts smoothly to different screen sizes. Elements use relative units, like percentages, to adapt to various devices, creating a seamless user experience. ❤️ Hit the heart icon and show your love to this video ❤️ | 📲 Comment down your thoughts and doubts ✍️ | 🌸 Share with your other frontend friends and spread the exciting tricks tips 🔥 🎀 𝖋
0:05
Chandan Devs on Instagram: "CSS Fluid Layout with Flex 😎 Responsive with Flex-grow, Flex-shrink, Flex-basis 🤯 😇 A CSS fluid layout is a design that adjusts smoothly to different screen sizes. Elements use relative units, like percentages, to adapt to various devices, creating a seamless user experience. ❤️ Hit the heart icon and show your love to this video ❤️ | 📲 Comment down your thoughts and doubts ✍️ | 🌸 Share with your other frontend friends and spread the exciting tricks tips 🔥 🎀 𝖋
754.8K viewsJul 20, 2024
Instagramdevschandan
0:07
Stella • Coding • HTML • CSS • JAVASCRIPT on Instagram: "All CSS Properties FlexBox, Flex, Grid 😎😁 All Dexeloper must know this properties 😍 🎉 Some more - Flexbox: flex, flex-grow, flex-shrink, flex-basis, flex-direction, justify-content, align-items Grid: grid-column, grid-row, grid-area, grid-template-columns, grid-template-rows, grid-gap ✅ Must Save reel 💯 These are just a few examples; CSS has many more properties for styling and layout. ❤️ Hit the heart icon and show your love to this
172.8K viewsDec 28, 2023
Instagramcoding.stella
0:34
Glute Size After 2 Weeks No Gym & Low Protein
155.3K views1 week ago
TikTokjessicabickling
0:57
Course Flex 2025 The shrink the game boys are throwing up in the corner rn.. We been outside all year! Where should we hunt in 2026 gang? GO PLAY SOME GOLF BIH! Enjoy #Golf #Golfing #Golfers #Memes #Golfmemes #Relatablememes #GolfLife #Golfstuff #PgaTour #Instagolf #Golfstagram #Weekendgolfer #golfgods #Pgamemes #Tigerwoods | Erick Lottary
13.1K views6 months ago
FacebookErick Lottary
Wrap & Move 500mm x 280m Black Pallet Shrink Wrap
Nov 2, 2020
bunnings.com.au
7:22
Reborn Sister's Revenge: Shrinking & Enlarging Systems Story
2M views2 months ago
TikToksokibc1
2:31
I Bought Every Flex Seal Product | flex seal
2.1M views2 months ago
TikTokkieran5392
0:25
✨Shrink Your Mommy Pooch & Heal Diastasis Recti!✨ Struggling with the postpartum pooch? These 5 exercises will help rebuild deep core strength, improve diastasis recti, and support overall fat loss when combined with a nutrient-dense diet (and a caloric deficit if you’re not breastfeeding). ✅ Try this Core Rehab Circuit (3 Rounds): 15 reps each • Heel Taps • Single Leg Raises (each side) • Glute Bridge Marches • Deadbugs 🤔 How it works: These movements activate your deep core, helping to close
362.1K viewsMar 19, 2025
FacebookLeslieAnn Fit
0:40
Hip Dislocation After Hip Replacement | What Every Patient Should Know . Hip dislocation remains one of the most discussed complications after #totalhipreplacement surgery. When the prosthetic femoral head separates from the acetabular cup, the result is painful, alarming, and requires immediate medical attention. While #hipdislocation is uncommon after primary hip arthroplasty, recent literature places the true 1-yr incidence at ~2.8%, with rates climbing significantly after revision procedures
7.8K views3 weeks ago
TikTokcorycalendinemd
0:47
Master CSS Flexbox 😎 The Only Reel You Need to watch to master Flexbox with ease grid 😇 Learn with Animation 🤌 ☑️ It lets you put items in a row or column, and also distribute them and align them as you want. With Flexbox, you can create flexible and responsive designs for websites without using complicated tricks. ✌️ In this post - Flex-direction, Justify-content, Align-item, Flexwrap, Flex Grow, Flex Shrink !! FOLLOW US TO LEARN CODING !! Follow for more @coding.stella 💙 Tags Your Friends
45K views7 months ago
FacebookCoding Stella
0:31
Flexbox Explained Simply 🧙‍♂️ All Flexbox Spells (Cheat Sheet) 🪄 display: flex Turns the container into a Flexbox world. 🪄 flex-direction Controls the direction of items: row | row-reverse | column | column-reverse 🪄 justify-content Aligns items on the main axis: flex-start | center | flex-end | space-between | space-around | space-evenly 🪄 align-items Aligns items on the cross axis: stretch | center | flex-start | flex-end 🪄 flex-wrap Controls wrapping of items: nowrap | wrap | wrap-rever
954 views5 months ago
FacebookAduok Code
0:15
@autobahn_films So Easy To Shrink I Feel I'm Cheating 🧈✅ Also My New Favorite Shrinking Card! @fusiontools Flex Card It's Just Perfect 😍🥰🤯🇩🇪 #flex #shrink #autobahn #tint #papieliu #tintbustersprayer | Papi Eliú
84.4K viewsMay 9, 2024
FacebookPapi Eliú
0:08
Look at that smooth and easy application! 😍 Flex Glue® Clear will not shrink or crack! Many other clear glues are water based or solvent based, and can shrink up to 40% at times. With Flex Glue Clear, you get 100% of the product in the tube. 💪 | Flex Seal
791 viewsSep 3, 2019
FacebookFlex Seal
See more
Static thumbnail place holder