Next-Gen App & Browser
Testing Cloud
Trusted by 2 Mn+ QAs & Devs to accelerate their release cycles
CSS Flexible Box Layout Module
Last updated on : 2023-03-20
Overview
Flexbox is a new layout mode introduced in the CSS3 Flexible Box Layout Module that allows for the creation of responsive designs. It is similar to traditional box layout models, but adds flexibility.
Code snippets
no-flexbox.css
Source:no-flexbox.css 
css-properties.html
Source:css-properties.html
flexbox01.html
Source:flexbox01.html
Browser Compatibility
- CSS Flexible Box Layout Module on IE is fully supported on None of the versions, partially supported on 10-11, and not supported on 5.5-9 IE versions.
- CSS Flexible Box Layout Module on Edge is fully supported on 12-111, partially supported on None of the versions, and not supported on below 12 Edge versions.
- CSS Flexible Box Layout Module on Firefox is fully supported on 28-113, partially supported on 2-27, and not supported on below 2 Firefox versions.
- CSS Flexible Box Layout Module on Chrome is fully supported on 21-114, partially supported on 4-20, and not supported on below 4 Chrome versions.
- CSS Flexible Box Layout Module on Safari is fully supported on 6.1-16.4, partially supported on 3.2-6, and not supported on below 3.2 Safari versions.
- CSS Flexible Box Layout Module on Opera is fully supported on 15-95, partially supported on None of the versions, and not supported on 9.5-12 Opera versions.
- CSS Flexible Box Layout Module on Safari on iOS is fully supported on 7-16.4, partially supported on 3.2-6, and not supported on below 3.2 Safari on iOS versions.
- CSS Flexible Box Layout Module on Android Browser is fully supported on 4.4-111, partially supported on 2.1-4, and not supported on below 2.1 Android Browser versions.
- CSS Flexible Box Layout Module on Opera Mobile is fully supported on 12.1-73, partially supported on None of the versions, and not supported on 10-12 Opera Mobile versions.
- CSS Flexible Box Layout Module on Chrome for Android is fully supported on 97-111, partially supported on None of the versions, and not supported on below 97 Chrome for Android versions.
- CSS Flexible Box Layout Module on Firefox for Android is fully supported on 95-110, partially supported on None of the versions, and not supported on below 95 Firefox for Android versions.
- CSS Flexible Box Layout Module on Samsung Internet is fully supported on 4-20, partially supported on None of the versions, and not supported on below 4 Samsung Internet versions.
Browser Compatibility Score
IE
Edge
Firefox
Chrome
Safari
Opera
Safari on iOS
Android BrowserBrowser Support For Android Browser Versions
Opera Mobile
Chrome for AndroidBrowser Support For Chrome for Android Versions
Firefox for AndroidBrowser Support For Firefox for Android Versions
Samsung InternetDebug webpages on the go with LT Debug Chrome extension.
Add to Chrome
Test your website on 3000+ browsers
Test your website on 3000+ real browsers and operating systems for mobile and desktop with the LambdaTest cloud. Perform browser compatibility test for CSS Flexible Box Layout Module and many more web technologies that are a part of your website or web-application.
Last Modified date
2023-03-20
Chrome
Safari
Firefox
Internet Explorer
Opera
EdgeReferences
Data sourced from
- - The World Wide Web Consortium (W3C) (https://www.w3.org/TR/)
- - CanIuse (https://caniuse.com/)
- - Mozzila MDN Web Docs (https://developer.mozilla.org/en-US/)
- - Web.Dev (https://web.dev/)
- - Chrome Platform Status (https://chromestatus.com/features)
- - WebKit Feature Status (https://webkit.org/status/)
Debug webpages on the go with LT Debug Chrome extension.
Add to Chrome
Debug Your Mobile Websites Faster With LT Browser!
Harness the power of Chromium-based engine to deliver responsive websites and web apps.
Try for free
Try LambdaTest Now !!
Get 100 minutes of automation test minutes FREE!!
Was this article helpful?
