Thinking on ways to solve CENTERING
996In today’s challenge, we’re stress testing 5 different CSS centering techniques. See what techniques should earn a place in your tool belt by watching how they react to common layout stress. The contestants: content center, gentle flex, autobot, fluffy center, and pop & plop.
@Adam Argyle will be responding to your comments for the first 30 minutes after the episode releases. Connect with us here or by submitting your own code!
Code along → https://goo.gle/3qEIaE8
Read along → https://goo.gle/39NHC9a
Try a demo → https://goo.gle/33PIW7A
Watch more GUI Challenges → https://goo.gle/GUIchallenges
See how others are building stories (GUI Submissions) → https://goo.gle/35AO28C
Subscribe to Google Chrome Developers → http://goo.gl/LLLNvf
#GUIchallenges #CSS #ChromeDeveloper
Other Videos By Chrome for Developers
| 2020-12-18 | New logic to detect PWA offline support |
| 2020-12-18 | Next-level web apps on desktop |
| 2020-12-17 | Transitioning to modern JavaScript |
| 2020-12-17 | Debugging WebAssembly with modern tools |
| 2020-12-17 | Extending CSS with Houdini |
| 2020-12-17 | Submission shoutout for STORIES | GUI Challenges |
| 2020-12-17 | What's new in DevTools |
| 2020-12-16 | Updating the way we work |
| 2020-12-16 | SMS OTP form best practices |
| 2020-12-16 | Sign-up form best practices |
| 2020-12-16 | Thinking on ways to solve CENTERING |
| 2020-12-16 | Optimize for interactivity using Web Vitals (FID/TBT) |
| 2020-12-15 | A more private way to measure ad conversions |
| 2020-12-15 | Enable and debug cross-origin isolated |
| 2020-12-15 | Introducing the Privacy Budget |
| 2020-12-15 | Chrome OS Terminal |
| 2020-12-15 | Superpowers for next gen web apps: Machine learning |
| 2020-12-14 | Beyond fast with new performance features |
| 2020-12-14 | Core Web Vitals and SEO |
| 2020-12-14 | Exploring the future of Core Web Vitals |
| 2020-12-14 | Chrome Dev Summit Adventure: How we built it |