Aspect Ratio Hack - Supercharged

Channel:
Chrome for Developers
Subscribers:
791,000
Published on ● Video Link: https://www.youtube.com/watch?v=ht5oFxpADt4


Duration: 1:39
13,300 views
448

Surma shows you how you can make an element maintain an aspect ratio with CSS.

If you have questions or suggestions, hit us up on Twitter!
Surma: https://twitter.com/DasSurma

Watch more episodes of Supercharged here: https://goo.gl/WFD8py
Subscribe to the Chrome Developers channel at http://goo.gl/LLLNvf



Other Videos By Chrome for Developers


2017-10-23Keynote (Chrome Dev Summit 2017)
2017-10-19Caching Strategies - Supercharged
2017-10-17Chrome 62: Improved Network Information API, Support for OpenType Variable Fonts and more!
2017-10-13Testing Shadow DOM with aXe Coconut - A11ycasts #26
2017-10-13Chrome 62 - What's New in DevTools
2017-10-12CSS Grid - Supercharged
2017-10-11How the Web Competes with Native -- Designer vs. Developer #12
2017-10-10Imposter Syndrome - HTTP203
2017-10-09Uploading an Image - Developer Diary #Day1
2017-10-06Managing Your Bundle Size - Totally Tooling Tips
2017-10-05Aspect Ratio Hack - Supercharged
2017-09-29How to build a toggle button - A11ycasts #25
2017-09-28WebGL Image Processing: Live Code Session - Supercharged
2017-09-27Designing for the Next Billion Users -- Designer vs. Developer #11
2017-09-26Web Standards & Flash - HTTP203
2017-09-25Creating a Camera App - Developer Diary #Day0
2017-09-21Dockerize your App - Supercharged
2017-09-14ES6 Modules - Supercharged
2017-09-13Learn How to Design -- Designer vs. Developer #10
2017-09-08Lighthouse - Totally Tooling Tips
2017-09-07Font-Display - Supercharged


Tags:
GDS: Yes
Supercharged
PWA
Progressive
App
css
aspect ratio hack
web design
web developers
web development
aspect ratio
Surma
LON
hacks
sizing
element
width of an element
css aspect ratio
padding top
devops
developer news
website design
design for web
design web
Chrome
Developers
Google
Web
product: chrome
fullname: Surma
Location: LON
Team: Scalable Advocacy
Type: DevByte
Other: NoGreenScreen