Year round learning for product, design and engineering professionals

Web Directions Hover ’21 session spotlight–CSS Aspect Ratio

CSS Aspect Ratio

Anton Ball, Front End Developer Doist

Have you needed to maintain an aspect ratio in a layout? Perhaps 16:9 for a video or a 4:3 photograph. Was it more work than you would have thought? There’s JavaScript solutions or the Padding-Top hack that work, but there are sacrifices to these workarounds.

The frustration of maintaining a consistent width-height ratio is about to be solved with modern browsers supporting the CSS Aspect Ratio property. In this talk we look at what aspect ratio is, how we can use it in our code and the problems it’ll solve.

About Anton Ball

Anton is a Front-End Developer, speaker and community organiser. He is passionate about clean, structured code, web standards, accessibility and optimisation. He prides himself on delivering robust, high quality and beautiful solutions. Anton co-organises Fenders Front-End Developer meetup and DDD Perth. Anton has also volunteered as a mentor introducing others to the world of coding.

In 2022 we have a whole series of events for Front End Developers

Across 2022 Web Directions is presenting our series of online conferences for front end designers and developers. Focussed deep dives, they go far beyond what you might expect from conference programs.

Learn more and register now

banners for all of our 2022 events

Priced individually from $195, or attend all 6, plus get access to our conference presentation platform Conffab for just $595, or $59 a month.

delivering year round learning for front end and full stack professionals

Learn more about us

I had an absolute blast, learnt so much, and met so many great people

Carmen Chung Software engineer, Valiant Finance