The Secret to be Mobile Friendly in 10 Minutes | Truly Responsive Web Design

preview_player
Показать описание
This is how to make your WordPress website responsive - no code, it’s easy. TIMESTAMPS 👇

In this WordPress Tutorial, I'll show you how to make your website mobile-friendly in 10 minutes automatically, no more messing around with fonts, margins, padding or the rest. Ever wondered about px em rem vw vh in Elementor, Gutenberg or other page builders? Or just simply want to know how to design something that is automatically responsive and looks great on desktop, laptop, tablet and mobile. This is how to do it - and don’t worry, you don’t need to know css or html code, this is for beginners and can be done with Gutenberg or the major page builders like Elementor.

🔔 SUBSCRIBE & HIT THE 🔔 to turn on notifications & never miss a new upload!

TIMESTAMPS
Responsive Web Design (00:00)
Absolute Units or Relative Units (00:40)
Font Size (01:05)
Changing Default Font Size (02:10)
PX EM REM VW (02:40)
VH and VW viewport height and width (03:28)
Percent % columns, margins and padding (04:45)
How to use these relative units for mobile-friendly web design (05:19)

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

#wordpress #jackinthenet #jackduel #elementor #gutenberg
Affiliate Disclaimer: This video & description contains 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.
Рекомендации по теме
Комментарии
Автор

I have been tearing my hair out over how unresponsive to mobile mode my site is... and now I think I have the solution, thanks to your video! I'm still tearing my hair out over the fact that I'm going to have to go through my _WHOLE SITE_ and change everything away from pixels... but at least I have a solution. Sigh.

milo_thatch_incarnate
Автор

Thank you SO MUCH! I've been struggling with a new website that was supposed to be 'responsive' since I've never worked with mobile or tablet layouts before. I was taking quite a bit of time to make each section three times, one to be visible on tablet, desktop, and mobile, and then resizing everything for hours.

After two days, I found your video. You've saved me countless hours.

junkonatsumizaka
Автор

Jack, I feel like an explorer who has found something very valuable. Your collection is a treasure!!!

JulaWeg
Автор

It is that time after having made an update where you think a plug in must have ruined your site.😮 nobody tells you in so many courses I have done! this so valuable information. Thank you❤

friendofnature
Автор

Wow thank you. Been searching for this video. I have very simply adjusted my website to mobile friendly. I litterally used the % and it worked!

cornishfudge
Автор

You're the best tortorial teacher.

alindaalvin
Автор

Jack, this video is incredible. So clear and informative. TBH, I have never seen anyone tackle this before. Great job! Makes sense, I'm going to stop working in pixels. Sound quality 👌 Haircut 👍

MatthewFurman
Автор

I am really thankful for your video, I was struggling with responsive modes and sizes. I'm building my graphic designer site for my own, trying to build in elementor, and from time to time I have some issues which I wasn't getting how to figure out... I used to use pixels to re-size all, so when I first start to use my site on my cellphone I take a shock, realize that all the measures blow off... This video save me, I wasn't able to figure out what in the god damn I was supposed to do to size all in a responsively way. Huge thanks from Brazil!

luandesign
Автор

Oh Gosh! After many months of struggles. BOOM Jack shows it. Thanks, man. Thumbs up!

MindblowQuotes
Автор

Thanks for a great video. I've been struggling to get the display correct across devices and this has finally helped me do it without just trying to guess.

SPDBIKER
Автор

How do you only have 7k subs? Your content is so valuable! Thank you Sir.

DrRussell
Автор

This is the first yt coding tutorial from which I’ve actually learnt something❤️ thank you 😊

Lord_of_the_jig
Автор

thank you for this informative video. it was very helpful. hope to get more hopeful video from you. bless you jack.

MDTAKRIB-UL-KADIR
Автор

wow, how come I never knew this all these years. Thank you so much

jokotoyebabatunde
Автор

Jack,
I just found this video and it has been the easiest to follow and understand. I just subscribed and I will start watching all your videos!! Defaults in Elementor is next. Thanks for making it so clear and understanding!!

danielalmas
Автор

Best video I've found on this topic. Love how you went straight to the point -- Thanks for this!

Jonathan_Solomon
Автор

Well explained! Very clear and concise explanation

ahmednaji
Автор

thanks. really liked the way you broke it down and explained quickly. gonna try and implement this tommorow to my project 🙂

creekchub
Автор

just excellent, so clean & user freindly

NathalieHennequin
Автор

Absolutely incredible. I wish I would have known this sooner!!! THANK YOU!

sckyity