Hi I am Vicky Kumar. I recently designed a website by using html5 and css3 and I am excited to share my ideas on responsive web design with you. Responsive web design is no secret nowadays —it is not only to design the website but also it should be compatible to all the devices.
Today tablets, smart phones, laptop and pc are being used increasingly to view the websites. Each of devices have different range of screen sizes. So it’s imperative that designers prioritize the responsive factors while designing attractive interfaces. This is the key feature of responsive web design.
Here are a few quick tips to create effective responsive design:
The view port meta tag:
For flexible design, use the viewport meta tag in your head section of html. In its basic form, it will set you up for cross-device layout .
It assures you that no zooming will be applied. Using meta tag in the wrong way can create visual problems in website. Meta tag enables us to flexibility in the layout. Only we have to change initial
Scale value.
Media queries:
The layout needs to be automatically adjusted to fit all display resolution and devices whether it is Pc or the latest Smartphones and tablets. So basically In Responsive web design, a media query is a CSS declaration that is used as a parameter for when to call other style declarations based on the dimensions of the current viewing device. There are two ways to use a media queries in web page.
1. Inline call or Direct call:
2. External call:
Flexible grids layout
A flexible layout is core feature of responsive web design. For normal web design layout and text sizes are expressed in pixel. But for responsive web design stop using pixel-based layouts and start using percentages or the em for sizing. A simple formula is described below to find out the layout in percentages or em.
target ÷ context = result
Let’s say the normal context for the body font size is 25 pixels. If the designer specifies that the p should be 34 pixels, you can calculate the following:
34 ÷ 25 = 1.36
This results in the following CSS style:
p {font-size: 1.36em;}
Flexible Images
Instead of assigning an absolute width value via a HTML attribute in the tag of an image, assign the CSS rule max-width that targets the image as a percentage relative width value like so:
Quick navigation:
We can create quick navigation bar by using a pop-out or slide down menu. This navigation helps us to see navigation in small devices like mobile and smartphones.
Take home ideas
Responsive web design is a practical way to build websites that work well on all browsers and devices. Htm5 and css3 plays a vital role in designing responsive websites. Today many devices are coming in the market with various screen size. In the coming future, the responsive web design will gain tremendous popularity.
120 comments
naltrexone strength availability
November 15, 2020 at 5:48 pm
naltrexone strength availability https://naltrexoneonline.confrancisyalgomas.com/
hydroxychloroquine trials update
November 16, 2020 at 5:38 am
hydroxychloroquine trials update https://hydroxychloroquine.webbfenix.com/
tadalafil 10 mg tablet
November 19, 2020 at 3:03 am
tadalafil 10 mg tablet http://www.lm360.us/
normal dose vidalista for ed
November 22, 2020 at 9:05 am
normal dose vidalista for ed https://vidalista.mlsmalta.com/
ivermectin for sale
November 23, 2020 at 10:22 pm
ivermectin for sale https://ivermectin.webbfenix.com/
best generic ivermectin website
November 24, 2020 at 7:20 am
best generic ivermectin website https://ivermectin.mlsmalta.com/
hydroxychloroquine 200mg
November 24, 2020 at 2:26 pm
hydroxychloroquine 200mg https://hydroxychloroquine.mlsmalta.com/
sildenafil kroger coupons
November 25, 2020 at 2:42 am
sildenafil kroger coupons http://droga5.net/
discount vidalista online
December 1, 2020 at 6:56 am
discount vidalista online https://vidalista40mg.mlsmalta.com/
priligy daily use insurance coverage
December 3, 2020 at 2:58 am
priligy daily use insurance coverage https://ddapoxetine.com/
pet prescriptions online
December 3, 2020 at 7:16 pm
pet prescriptions online https://buymeds.mlsmalta.com/
tadalafil generic 20mg reviews
December 7, 2020 at 3:11 am
tadalafil generic 20mg reviews https://wisig.org/
generic brand albuterol inhaler
December 8, 2020 at 5:12 pm
generic brand albuterol inhaler https://amstyles.com/
plaquenil for sale online mexico
December 9, 2020 at 3:18 am
plaquenil for sale online mexico https://hydroxychloroquinee.com/
what medicine treats malaria
December 13, 2020 at 7:22 pm
what medicine treats malaria https://hydroxychloroquine.mymvrc.org/
how much will the generic cenforce cost
December 14, 2020 at 10:49 am
how much will the generic cenforce cost http://cavalrymenforromney.com/
cialis reviews from women
December 16, 2020 at 3:13 am
cialis reviews from women https://tadalafili.com/
how long to take prednisone
December 18, 2020 at 10:43 pm
how long to take prednisone https://prednisone.bvsinfotech.com/
acyclovir long term use
December 22, 2020 at 2:00 am
acyclovir long term use https://www.herpessymptomsinmen.org/productacyclovir/
the best erectile dysfunction medication
December 23, 2020 at 9:29 pm
the best erectile dysfunction medication https://cleckleyfloors.com/
cost of vidalista at walgreens
December 24, 2020 at 11:13 pm
cost of vidalista at walgreens https://vidalista.buszcentrum.com/
anti malaria drug names
December 28, 2020 at 8:36 pm
anti malaria drug names https://hydroxychloroquine.mymvrc.org/
ivermectin without prescription
December 31, 2020 at 10:48 am
ivermectin without prescription http://ivermmectin.co/
buy prescription drugs without doctor canada
January 5, 2021 at 2:39 pm
buy prescription drugs without doctor canada https://medpills.bee-rich.com/
homemade amoxicillin recipe
January 6, 2021 at 12:09 am
homemade amoxicillin recipe https://amoxycillin1st.com/
카지노사이트
January 9, 2021 at 6:19 am
Usually I do not read article on blogs, but I wish to say that this write-up very compelled me to try and do so! Your writing style has been surprised me. Thank you, quite nice post.
바카라사이트
January 9, 2021 at 6:27 am
This particular blog is obviously entertaining and also diverting. I have discovered a bunch of useful advices out of this amazing blog. I ad love to return again soon. Thanks a lot!
카지노사이트
January 9, 2021 at 6:33 am
pretty handy stuff, overall I feel this is well worth a bookmark, thanks
nolvadex alternative medications
January 11, 2021 at 3:00 am
nolvadex alternative medications https://tamoxifen.mrdgeography.com/
is generic cialis as effective as cialis
January 21, 2021 at 2:45 am
is generic cialis as effective as cialis https://tadalafil.cleckleyfloors.com/
Tinder dating site
January 23, 2021 at 12:12 am
tindr , what is tinder https://tinderdatingsiteus.com/
aurogra 100mg walmart
January 25, 2021 at 5:42 pm
aurogra 100mg walmart https://aurogra.buszcentrum.com/
azithromycin without a doctor prescription
January 28, 2021 at 6:36 pm
azithromycin without a doctor prescription http://aziithromycin.com/
local dating sites free
January 31, 2021 at 8:50 pm
dating sites free https://freedatingsiteall.com
cialis 20mg reviews
February 1, 2021 at 2:10 pm
cialis 20mg reviews http://cialis.audiovideoninja.com/
buy ivermectin
February 2, 2021 at 1:10 pm
buy ivermectin http://ivermmectin.com/
amoxicillin manufacturers in the usa
February 5, 2021 at 7:28 am
Hey! This is kind of off topic but I need some help from an established blog.
Is it difficult to set up your own blog? I’m not very techincal but I can figure things out pretty fast.
I’m thinking about making my own but I’m not sure where to start.
Do you have any ideas or suggestions? Thanks http://antiibioticsland.com/Amoxil.htm
cialis usa
February 5, 2021 at 8:03 pm
cialis usa https://cialzi.com/
viagra in walmart
February 7, 2021 at 12:57 am
viagra in walmart https://viaplz.com/
cheap cialis from canada
February 9, 2021 at 12:27 pm
cheap cialis from canada http://cialllis.com/
brand viagra on sale
February 18, 2021 at 3:36 pm
Yesterday, while I was at work, my sister stole my apple ipad and tested to see if it can survive a twenty five foot drop,
just so she can be a youtube sensation. My apple ipad is now
broken and she has 83 views. I know this is totally off
topic but I had to share it with someone! http://cleckleyfloors.com/viagra.pills
order viagra online without prescription
February 19, 2021 at 2:10 am
Hi! This is kind of off topic but I need some guidance
from an established blog. Is it very difficult to set up your own blog?
I’m not very techincal but I can figure things out pretty
quick. I’m thinking about setting up my own but I’m not sure where to begin. Do you have any tips or suggestions?
Cheers http://cleckleyfloors.com/viagra
withoutshort.com
February 20, 2021 at 1:26 pm
Wow loads of beneficial data.. https://withoutshort.com
canadian pharmacy tadalafil
February 22, 2021 at 6:14 pm
canadian pharmacy tadalafil https://tadfil.online/
average cost of cialis daily use
February 22, 2021 at 10:18 pm
average cost of cialis daily use http://cialis.anafassia.com/
kamagra jelly
February 23, 2021 at 4:15 am
You actually mentioned that wonderfully! https://www.goldkamagra.com kamagra oral jelly how does Arty04c
tadalafil tab 10mg
February 23, 2021 at 7:05 am
tadalafil tab 10mg https://cialis.bee-rich.com/
viagra better than cialis
February 23, 2021 at 7:24 pm
An impressive share! I have just forwarded this onto a colleague who was doing a little homework on this.
And he in fact bought me dinner due to the fact that I stumbled upon it for him…
lol. So allow me to reword this…. Thanks for the meal!!
But yeah, thanx for spending the time to talk about this topic here
on your blog. https://cialis.lm360.us/tadalafil
hydroxychloroquine works
February 25, 2021 at 3:39 am
It’s amazing to visit this web page and reading
the views of all friends concerning this paragraph, while I am also
eager of getting familiarity. http://hydroxychloroquinea.audiovideoninja.com/
hydroxychloroquine and eliquis interactions
February 25, 2021 at 11:27 am
Thanks for sharing your thoughts about hydroxychloroquine.
Regards https://hydroxychloroquineb.bee-rich.com/
viagra without doctor prescription
February 27, 2021 at 2:50 pm
Accept a good trip.. https://withoutshort.com
hydroxychloroquine 200mg coronavirus
February 28, 2021 at 2:32 am
Hmm it appears like your website ate my first comment (it was extremely long) so I
guess I’ll just sum it up what I had written and say, I’m thoroughly enjoying your blog.
I too am an aspiring blog writer but I’m still new to
everything. Do you have any helpful hints for inexperienced blog writers?
I’d definitely appreciate it. https://hydroxychloroquinej.jueriy.com/
buy vidalista without seeing doctor
March 1, 2021 at 1:20 pm
buy vidalista without seeing doctor http://vidallista.com/
substitute for viagra and cialis
March 4, 2021 at 2:32 am
My brother suggested I may like this website. He was once totally right.
This post actually made my day. You cann’t consider simply how much time
I had spent for this info! Thank you! http://cialis.audiovideoninja.com/tadalafil
MarcosTig
March 4, 2021 at 4:03 pm
generic tadalafil 40 mg: http://tadalafilonline20.com/ generic tadalafil
invicta fake rolex
March 4, 2021 at 6:34 pm
complete content, i love it
kamagra oral jelly at walgreens
March 4, 2021 at 9:58 pm
Kudos. I like this.. https://kamagrajellynow.com
rolex 1:1 replica
March 5, 2021 at 4:47 am
awesome post, i like it
paypal replica rolex
March 5, 2021 at 12:43 pm
flawless content
ivermectin dose for head lice
March 5, 2021 at 6:50 pm
Nice post. I learn something new and challenging
on blogs I stumbleupon on a daily basis. It will always be interesting to read articles from other authors
and use something from other websites. http://herreramedical.org/ivermectin
taobao fake rolex
March 5, 2021 at 8:11 pm
finest post
www.finasteride5.com
March 6, 2021 at 2:12 am
propecia australia cost
fake rolex 5513 case
March 6, 2021 at 4:47 am
amazing article
treating heartworms with ivermectin
March 6, 2021 at 1:34 pm
treating heartworms with ivermectin https://ivermectin1st.com/
replica is
March 6, 2021 at 8:50 pm
awesome article
proair hfa inhaler buy online
March 7, 2021 at 8:43 am
Thanks for finally writing about >Working with Responsive Web Designs
– Globussoft <Liked it! http://herreramedical.org/albuterol
viagra without a doctor prescription canada
March 8, 2021 at 6:07 am
Great advice. Thanks a lot. viagra without headache – sildenafil generic
Wendy Gerleman
March 9, 2021 at 1:20 am
immaculate content, i like it
withouthims.com
March 9, 2021 at 12:34 pm
This is nicely put. . https://withouthims.com/# which dosage of viagra Ojhunfq
low priced aurogra
March 11, 2021 at 5:31 pm
I was recommended this website by means of my cousin. I
am now not certain whether this post is written via him as nobody else realize such distinctive approximately my trouble.
You are wonderful! Thank you! http://www.deinformedvoters.org/aurogra-online
super vidalista reviews
March 12, 2021 at 4:54 am
vidalista online
JasonnaL
March 12, 2021 at 10:03 pm
buy generic 100mg viagra online online doctor prescription for viagra
online doctor prescription for viagra
www.canadian2pharmacy.com
March 13, 2021 at 12:12 am
canadian pharmacies
medicine vidalista tablets
March 13, 2021 at 6:00 am
I quite like reading through an article that can make people think.
Also, thank you for permitting me to comment! http://www.deinformedvoters.org/vidalista-online
Leigha Skulski
March 13, 2021 at 8:39 am
very good post, i like it
JasonnaL
March 13, 2021 at 8:58 am
100mg viagra where to buy viagra online
viagra over the counter
hydroxychloroquine usa
March 13, 2021 at 3:05 pm
hydroxychloroquine usa https://hhydroxychloroquine.com/
order viagra online no prescription
March 14, 2021 at 5:35 pm
Excellent write ups. Cheers. viagra without a doctor prescription – trazodone for erectile dysfunction
Starla Citarella
March 17, 2021 at 7:45 am
greatest article, i love it
MichaelBar
March 18, 2021 at 12:55 am
http://zithazi.com/ – zithromax 250
treatment with drugs
kamagranext.com
March 18, 2021 at 9:58 am
kamagra wirkung kamagra uk
www.essinreceta.com
March 20, 2021 at 2:25 am
farmacia de guardia tenerife http://www.essinreceta.com/ viagra 100mg
Jetta Ellerd
March 20, 2021 at 4:42 am
superb content, i love it
best rolex replica
March 21, 2021 at 10:02 am
greatest content, i love it
generic sildenafil pills
March 21, 2021 at 12:28 pm
sildenafil buy online without a prescription https://eunicesildenafilcitrate.com/ sildenafil canada otc
buy tadalafil
March 21, 2021 at 9:19 pm
tadalafil max dose https://elitadalafill.com/ tadalafil pills 20mg
buy hydroxychloroquine online
March 22, 2021 at 1:11 am
buy hydroxychloroquine online https://hydroxychloroquinex.com/
how do you take vardenafil 20 mg?
March 22, 2021 at 8:23 am
vardenafil dosage instructions https://vegavardenafil.com/ vardenafil hcl 20mg tab
sensual massage london
March 22, 2021 at 8:28 am
Im thankful for the blog post. Really Great.
levitra price comparison
March 23, 2021 at 8:59 pm
July 4, 2020 https://www.levitraoffer.com generic levitra
finasteride1.com
March 24, 2021 at 10:09 am
propecia fiyatlarД± https://finasteride1.com/ – 5mg propecia daily
kamagra forum
March 24, 2021 at 2:41 pm
where to buy kamagra in the us https://kamagraday.com/ kamagra india
alprostadil injection site
March 24, 2021 at 3:42 pm
muse alprostadil https://alprostadildrugs.com/ alprostadil suppository injection demonstration
Peterwah
March 26, 2021 at 12:00 am
https://hydroxychloroquinest.com/# prices for plaquenil
Peterwah
March 26, 2021 at 12:10 pm
https://zithromaxst.com/# zithromax buy online
kamagraday.com
March 26, 2021 at 12:52 pm
super kamagra https://kamagraday.com/# kamagra oral jelly in australia
fertomid
March 26, 2021 at 7:34 pm
When do you start to ovulate after a sequence of Clomid? The beforehand pellet of fertomid is as a rule started 2 to 5 days after the beginning daylight of your menstrual bleeding (pattern daytime 2-5) and ovulation usually happens 5-9 days after the model measure of Clomid. If you don’t bleed, and after pregnancy has been excluded, bleeding can be started not later than captivating progesterone.
Peterwah
March 27, 2021 at 1:37 am
http://gabapentinst.com/# gabapentin 300mg
Peterwah
March 27, 2021 at 2:34 pm
http://gabapentinst.com/# order neurontin
steeleanalytics
March 28, 2021 at 11:42 pm
very appropriate post
fb88
March 30, 2021 at 3:03 am
Muchos Gracias for your blog. Great.
ivermectinhumans.com
April 2, 2021 at 2:40 am
ivermectina https://ivermectinhumans.com/# ivermectin rezeptfrei
online pharmacy viagra cialis
April 4, 2021 at 12:05 am
online pharmacy viagra cialis http://edbuy.online/
levitra where buy
April 4, 2021 at 5:33 am
https://www.levitradd.com/ levitra vardenafil 40 mg
MichaelThach
April 5, 2021 at 1:42 pm
buy prescriptions from india pharmacy: india pharmacies online order medications online from india
viagrakurka.com
April 6, 2021 at 10:44 am
How profuse guys comprise a 7 inch. Solely 15% of all men hold organs larger than 7 inches buy viagra online and lawful a dainty 2% are bigger than 8 inches, as documented in a study published in the Diary of viagra prices viagra online no prescription, which also showed that an norm penis is just over and above 5 inches when hard.
MichaelThach
April 6, 2021 at 11:23 am
online medications from india: india pharmacy without dr prescriptions online medications from india
cialis on line
April 6, 2021 at 7:42 pm
Is tadalafil the same as Cialis. Generic Cialis, or Tadalafil, is the nonetheless as cialis price in terms of its effective ingredient (tadalafil), its effectiveness and side effects. The difference you may spy is in the cost, with printable cialis coupon tending to be less expensive.
buy vardenafil hcl 20mg tab
April 7, 2021 at 12:27 pm
levitra cost http://wardenafil.com/ how long before eating should i take levitra
Collette Valley
April 7, 2021 at 9:25 pm
If you’re going for greatest contents like myself, only pay back a quick visit this site every day as it offers function contents, thanks
Robertvug
April 8, 2021 at 3:25 am
levitra pills: https://edpillsonline24.com/# pills for erectile dysfunction
Robertvug
April 9, 2021 at 2:09 am
best male erectile dysfunction pill: https://edpillsonline24.com/# generic viagra pills
viagra without doctor prescription
April 9, 2021 at 8:24 am
https://www.withoutbro.com/ buy female viagra online
Danilotex
April 9, 2021 at 9:45 am
singles near me free
free local dates
Sallie Austral
April 9, 2021 at 10:50 am
Spot on with this generate-up, I Actually believe that This page requires a great deal more awareness. I’ll almost certainly be again once again to check out much more, many thanks for the knowledge!
Robertvug
April 9, 2021 at 8:33 pm
top erectile dysfunction pills: https://edpillsonline24.com/# generic viagra pills
buy delta 8 THC
April 11, 2021 at 11:00 am
Thanks for the blog post.Much thanks again. Will read on…
levitra compared to viagra
April 11, 2021 at 2:23 pm
levitra best results – https://levitraoffer.com/ generic levitra safety
himpills.com
April 11, 2021 at 4:50 pm
doctor find Unwj06t buying cialis in canada http://himpills.com buy viagra tablets
cialis otc
April 14, 2021 at 3:44 pm
https://www.cialisbob.com/# cialis online us