Succeed on the web with easy to follow courses and guides

A fluid layout

Duration 1 mins | Episode 6 of Managing successful HTML email builds

The best way to make a responsive email is to build it to be flexible/fluid. 

A fluid layout, also known as a liquid layout, is where the width of an email is defined in percentage terms, rather than fixed pixel values. This allows the email to adjust its width based on the width of the viewport in which it is being viewed.

To view the rest of this episode please enter your email below.

Register to take this course

Plus you'll get:

  • Free CPD log for those building a career online
  • News to keep you ahead on the Internet
Episodes in this series
Episode 1:
Width
Duration: 1mins
Episode 2:
Images and fonts
Duration: 1mins
Episode 3:
Borders and Dropshadow
Duration: 1mins
Episode 4:
Templates
Duration: 1mins
Episode 5:
Two different versions
Duration: 1mins
Episode 6:
A fluid layout
Duration: 1mins
Episode 7:
Different hero images
Duration: 1mins
Episode 8:
Dark mode
Duration: 1mins
Episode 9:
Designing for mobile
Duration: 1mins
Episode 10:
AMP for emails
Duration: 1mins
Lisa Freeman: Course Tutor
By Lisa Freeman

Lisa has planning, designing and building websites for companies of all sizes for over 18 years. Now a days you'll mainly find her wireframing and then designing complex sites over at 18a to make sure they flow well to give the user the best possible experience whilst providing great ROI for the client. She also teaches SEO (search engine optimisation).