#mobilefriendly #rippixels

Never use pixels again! This will change the way you web design forever! TIMESTAMPS BELOW

This is a Gutenberg WordPress tutorial suitable for any major WordPress theme, but will also work with the top WordPress page builders like Elementor. I’m going to show you how to make mobile friendly website wordpress. You must STOP using pixels for font size, padding and margins, and explain px em rem CSS units. Make this easy change and Mobile friendly optimization is made super easy with automatically responsive web design that also helps you improve SEO optimization as Google loves responsive websites!

SUBSCRIBE & HIT THE to turn on notifications & don’t miss a new upload!

USEFUL LINKS
Get the free calculation chart = https://www.jackinthenet.com/from-pixels-to-rem/

TIMESTAMPS

Introduction (00:00)
Customising pages vs global settings (01:00)
Why you shouldn’t use pixels for font size, padding or margin (04:00)
What is rem and the html root element (05:00)
CSS units explained, rem & em (05:45)
Global colours and fonts (08:00)
Base font and default browser font size (09:20)
Rems default font size and SEO responsive design (11:30)
Free rem calculation chart (14:00)
Mobile friendly optimization (14:55)
Using Em & Rem for padding and margin (16:45)
Overview of % for layout widths (19:15)
Why you must do this for all future WordPress web design (20:35)
What you’ll learn next (21:25)

Thanks for watching, make sure to comment! And who do you know that would benefit from this tutorial? Spread the love, share this with them.

Jack in the Net
https://jackinthenet.com

Affiliate Disclaimer: This video & description may contain affiliate links. If you buy a product through this you won’t pay any extra, but I get a small commission. Thank you for that support, it really helps to keep making free video tutorials.

Please take the opportunity to connect and share this video with your friends and family if you find it useful.