Making Your Website Responsive

[@perderlaprisa]

To be fair with all the designers out there, just stop designing in desktop first. Really, you'll appreciate me. The day I started to design on mobile first I improved my works by a lot, as well as the content I use for the website; you start to figure out what's needed and what's not, and that really makes your designs clearer. Also it's so much fun designing in mobile in terms of UI/UX, you have to find a lot of creative solutions for the content you're working with. Traffic for most of my clients is like 80% from mobile, so I totally think we should stop old habits and start to adapt our work process to the time we're living.

[@SpectreDev]

I thank you for this suggestion. You might be the only person with good advice for making a responsive site

[@kamdenreyansh1632]

you prolly dont give a shit but if you're stoned like me during the covid times then you can stream all the new series on instaflixxer. Been binge watching with my brother during the lockdown =)

[@elijahcrosby6141]

@Kamden Reyansh definitely, been watching on Instaflixxer for months myself =)

[@budstran2121]

Great idea. What program are you using

[@perderlaprisa]

@@budstran2121 for websites i work on Figma with the help of Photoshop and Illustrator if I need them.

[@GodswillSomtochukwu]

Seriously I know before the ending or our final class about web designing I will be good enough to satisfy our clients ❤ thank you for the class

[@vishalanthony1529]

The lighting in his video shows how professional he is.

[@IliePandia]

When redesigning an old website look at the analytics data. You may notice the majority of conversions come from mobile. It that case may be a good idea to start with the mobile experience first. This gets you out of thinking that mobile is a stripped down version of desktop, and instead focus on clear UX and functionality that will benefit most of your users. I know this is a heated debate, but mobiles are here to stay and with all the sensors they have, they will be able to provide a much richer experience once we find creative solutions for the smaller screen size problem.

[@4TheCreatives]

You explained the responsive design steps really well. With over 50% of web users being mobile, you can't have mobile as an afterthought. Thanks again!

[@dandrevs]

We definitely need an XD course from you. Any plans to create one?

[@CreativeWorkersBest]

You can find a lot of Adobe xd tutorials. For example Dansky

[@PatrickChisanga-pt1pb]

Great lesson

[@zenny1359]

What is the software he's using

[@katymurta]

Ran, it's 'You don't look a gift horse in the mouth.' LOL...you crack me up! Love the video, btw.

[@aerodylluk2543]

I read this comment before watching the video. I tend to give him some credit with phrases like that but wow....that wasn't even close. And for those reading this if you are given a horse for free you should certainly check its teeth, terrible advice.

[@Caden_Burleson]

Could you do an example like this actually in webflow please?

[@ЕгорНиколаев-т5л]

cool video)

[@FluxAcademy]

Glad you liked it!

[@azpidi]

Thank you for sharing this. Really wonderful video

[@cryptopuncher]

So helpful

[@azpidi]

Please how do we download the XD File. I went to the dribble page but I didn't see any link to download

[@imanekhiati9004]

how to make wordpress website friendly with mobile ? instead of using Elementor?

[@djlilcq]

Loved this type of tutorial, I would watch if it was longer video to see the site get done.

[@karlr2908]

It's nice... bit I can't see how the grid design will be very practical at that scale on mobile once real content (that can't be changed to fit) has to be added later on...

[@majicediting7514]

now are you able to show it being coded to make it actually response

[@uiuxpuppy6218]

Waiting for your video on the new bootstrap 5

[@shubhamparekh9808]

Sir How can i connect the database with webflow site. If anybody knows please inform me because i have creating project for my college 🙏🙏

[@Toufloux]

Hi, I have a question (if you still see it after this long time), I have a 1440p screen, am I supposed to design the web pages in 1080p ? And how do you make them look good in wider screen ? Do you make a responsive design for 4k, 2k, 1080p as well as mobile ? Or do you just built it in 1080p and make the component scale themselves when going on bigger screen ? And finally the last question, how can you test a website on a bigger resolution than your screen ? To really know what your website look like

[@supreetkumar7604]

Has anybody bought the 10K Process Course? I want to know their experience with the course. Reply is very much appreciated.

[@12rehanglasswala90]

Nice thanks I am waiting for this only 👍🏻👍🏻

[@arvindersingh9863]

Hey ran , my hamburger navigation is working fine on when i resize the computer browser window to mobile size . But in touch screen mobile devices it doesn't work well ,even i specified overflow hidden but it still doesn't work. Can you suggest something??

[@shubhamjain4791]

hey, your channels have great tutorials😁😁, but don't know why KZbin doesn't give notifications about your uploads, I always have to search your channel to check if there is some new video😓

[@AyushKumar-yn5co]

You are awesome thanks for free course

[@amphreded]

Oh my the content I was waiting for! Thank youuuu

[@klokkerholm1993]

More of this content 👍🙂

[@kamalasingaravelu4584]

Video on colours lol

[@joeltastet5666]

It was very helpful

[@JamesWelbes]

querySelectorAll("*").forEach(thing { thing.makeResponsive(true)}); easy peasy

[@okas425]

nah *{ Responsive.Design:True; }

[@alanhf]

No site got responsive in the making this video.

[@dani512]

I want to add a working search box so when someone search something the things apears and also a small picture of the item also appear please make a tutorial that will make my life a lot easier ❤️

[@andriimarchuk8121]

My gf thinks you are handsome