last day (14 days later) » 

01:43
4
A: Use px or % for responsive design

Gaurav AggarwalA good practice is to use % where it can be used because it reduces the effort of writing another code for responsive as it works according to the screen size but we use px also where % we cannot use % and then in @media queries we write another css for that according to screen sizes. For Examp...

How about on text and links sir? im using padding and px for that.
other than % and px there is one more property em use it and read this for reference stackoverflow.com/questions/15649244/responsive-font-size
Thanks for that knowledge sir :)
Your welcome.. :)
Aggrwal. Hi sir. I tried to run my design to chrome developer tools as mobile and the media queries is working but when i tried to run as a desktop with the same size as the mobile its not working. Im trying to say how can i do it with the desktop? diffrent queries? If this comment will change the topic ill just delete it.
Because when i minimized the browser the size of the site will become small lets assume its 320 px same as the media queries of the mobile how can i do it on the desktop?
01:43
Codes written without @media queries will work in dekstop. Don't write all the code in @media queries. Try to use @media queries for smaller screen only.
hi sir
hello bro
but how about when the site is minimized on desktop the design is not responsive all the elements is not aligned.
no sir please
01:44
i am just 23 :p
some of the sites when minimized on the chrome is responsive even not on the mobile
so now..what is you issue??
i want my site become responsive even in desktop when minimized sir
could you please share some site?
i have media queries for 320px its for mobile also i want my site as a desktop when minimized as 320px become responsive too how will i do it? different queries? bow how?
01:47
i mean site link
bro i apologize i will be back in 20 mins
okay..
02:01
when u run on the chrome developer tools that site as a mobile or even as a desktop its responding to the size. but when i tried to run my design its not responding on the desktop but in mobile its responding i think the problem is my footer?
i just double my media querie of 320px in mobile and i remove the only screen and now its working on the desktop. So i will just copy the mobile queries and remove the only screen to work in desktop?
How can i short the code for that sir?
i did copy the mobile queries of 320px for desktop and i remove the "only screen" and its working now. but how can i shorten the code for that?
03:09
have to written the dekstop css outside the media queries

last day (14 days later) »