Web Directions Year round learning for web and digital professionals

Web Directions Hover ’21 session spotlight–Understanding display

Understanding display

Rachel Andrew, Freelance writer of
words and code Independent

CSS Layout is all about boxes. We know that some boxes are blocks, and others are inline, and we can change the display type of elements by changing the value of the display property. That property holds the key to much more than this, however. It is the foundation on which all layout is built; the core of the inbuilt CSS layout system. Learning Grid Layout, or Flexbox, without understanding Display, leaves you with a wobbly foundation and more questions than answers.

The real question isn’t “Should I use Grid or Flexbox?” but instead, “How do I want these boxes to behave?” Understanding the interaction between layout methods will enable you to easily create fallbacks for older browsers, and be able to make more informed decisions when deciding how to build any part of your design, big or small.

About Rachel Andrew

 

Rachel Andrew is a front and back-end web developer, author and speaker. Author or co-author of 22 books including The New CSS Layout and a regular contributor to a number of publications both on and offline.

Rachel is a Member of the CSS Working Group, and currently works on MDN, documenting the web on behalf of Mozilla and Google. She writes about business and technology on her own site at rachelandrew.co.uk

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

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

Learn more and register now

Across the year we have 6 conferences planned, the first 4 announced, focussing on CSS, Front End Performance, JavaScript and Progressive Web Apps, with more to come.

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

delivering year round learning for front end and full stack professionals

Learn more about us

I have yet to have an end-to-end conference experience that was as professional as what was provided by Web Directions

Joe Toscano Founder, designgood.tech