High in this video I will make of it.
Perfect color responsive with the old you're already using a booster framework which is it is once you
and you're using the grid system of the supreme system but there are still few things to be a just should
call the response of the old
U.S. 16 million cuties who make some custom creeks for the responsively old media is simply quilters
dead in genes died off and you get paid based on the bit of the device of ending the content that the
Waitzkin be I can be i-Pad can be desktop's system can be any wide screen the root pre-schools of any
group to source code development and you'd have some very good definition for the gudis like it.
This is this theme technique and it uses the media to include a block of CSSA properties only for certain
conditions.
And for example at media on the screen and the maximum bit is 500 bucks.
Then this is just as you stated the rules should apply.
So you add some custom
CIRCE's or mini acutest to the loser project and horded when you do.
And the big Quine's like breakpoints are these are the big points you can see.
So you will be Eddins and break one leg.
These two that project like this is called by the.
And also for the public
so you can look through this Web site called Curies and it has some great examples.
And you're going to get familiar with media Curies.
OK let me show you the issues we have at this point.
For the responsively out you click on this live preview.
You can see this in the back of Sin-Eater and it will open the door so indexed instrumental like it
is on a local host.
You see
OK you can copy this.
This is to assume that you're already using.
What can we show you that you should use of the responsively out.
We can actually have as you mentioned it I'm already using the browser framework which is already taking
the responsibility on the responsively out.
You can see this but there are still few things new musubi added just like you can see on the header.
We need to text align the headings and we also need to center align these buttons and we also need to
hide this big image on the head of a section of the smart devices working.
Before I google I have introduced this online response you need to cool edit this thing to do this goes
away.
This is the on line.
Checking the responsive website recopy this link is here.
It will show you different versions of your project like you can see.
This is the iPhone 5.
Ortrud virgin of frequently pixel on it a few things which are not looking good on the screen size.
Do you see something you could fix it using the custom widget cuties.
So this is the iPhone 5 landscape religion.
It is a very.
So it also has a version called I paid I paid was Nusi on the iPad.
So we're just not looking fine.
So there are still a few things need to be adjusted using the media.
Q Does
selectors doing it for them.
I need to create a new file name of sconces Jezus hit me add this in the index starting steamin climb
Steyne sheet the type of text.
And so when he has this and responsive to its users.
So let's start at the big Quine's like I mentioned you really need some big ones for the iPhone 4 the
iPad and for the desktop and for the wide screens.
Before I end the break once all the media is at some most responsive closest to that images take
Joachim it does add more to this one thing I need to set up for them is called a ball.
I come to notice Ed Stabat is once lost.
Buddhism is just close.
I am Jean Gaisford absconds geek off.
This is called the response of the Hulk.
It copied the school
and
Nucor.
I call this Zydeco.
That does it.
Im Jeem cosponsor
and really look for the third one which is don't look at the school
Ed immediate response you gloss up to and he's doing OK.
So now we have applied some older idiom glosses called the Supreme cream.
No it has more to add some big names.
The response of gace is this.
I didn't start writing a brief point for the smart devices
and it wouldn't be a media on link screen.
And
the maximum that could be Sallon 16 Southam books on the custom Issus at this point go out and say this
and this.
Get a of them small-D us is.
And Debbie it's
called Dead.
It will be Semlin six eat
lettuce and some more
acquaints like medium Nueces
way since like this talk it will be minimum the minimum which would be named.
It is also the equine said he is already using.
These are the big points which the Bush steps are using Joaquin Silversun in one and a big one which
is for large races and widescreens and the minimum be called Dead will be hundred.
So these are the big points as you mentioned before we are already using September and the grid system
of the surface and work is taking that is possible using of the lösen responsively or beer.
But there are still few things we can do to be new to be fixed like I assure you using this response
and Interpol and these will be fixed using custom media cuties.
So these are the Kostin media Curies and Gule.
Ed s.c.s these big Quine's and these assists will be applied at some certain routes like for small devices
this year system and say this will be applied and Photosmart devices including the public spaces inside
these precautions would be applied and for the desktop and the wide screen that she says will be played
when the screen size jeans will start adding custom synapsis discussed media cuties.
So if you look look at this quite near me my Z zooming Nusi
then everybody's not looking fine.
They just fix it.
So you're dealing with the smaller devices
so we need to add this this here's where we should be.
All right smart devices.
And if you look inside this in the headers section
we have a clause in their body forward it and is treated like dogs before and griseus since they just
changed the bed grown color and also the border color coded this never board default
a background color
should become white a smiley race is like on iPhone.
I really play that important.
It really Forsett you did as any other most CSSA played.
So and the border color has become
E6 E6 E-6 didn't seem it and see that isn't working.
How do you see it has become white.
Let me show it to you in the online cool old Frechette
and now you see the never becomes a white so it will become word for all the devices which is in the
city Anj which is in 6N pixel range so now you can see no then everyone becomes white.
Here's some more she assists you don't use this iPhone in the header.
If this web page is seen on the smart devices because you're just looking to get your gear there it
is an invisible and you also need not to be miserable on the ALSO tablet on the iPad so you included
in this equation so it will include the small devices and also the tablet and quarter deck.
I think we need to check the class.
OK.
It is an iPhone.
We need to make it invisible on small devices and also on the tablets.
So I will copy and paste it here.
The reason I'm editing the heather dash iPhone inside this bitcoin because we needed on the board on
small devices and also on the tablets are keen to display them and it will become invisible.
Let me refresh it.
Willkie Nalgene is no iPhone on the smart devices.
You can see there is no iPhone on the smart choices.
Including the 7:6 it get off the porter view.
I paid OK.
No there is no iPhone.
We have make it invisible.
Let's fix this.
We need to fix the heading and also the stakes in the middle.
And also I think the burdens need to be fixed in the middle.
So he needed to be fixed on board on 768 and also should be on small devices like it is not looking
good on here.
So they can check the Klaas's plus his core data is the header.
Thanks
all.
And the second is head of burden's.
That is a line you text a line and know to be upload on both.
More do I see than Also on the tablet.
Chris.
Now you see the text is properly aligned.
Also the buttons also text align and it just looking very good now you see some the on the other screen
sizes.
This is a very great pool.
Almost all of the do faces screen sizes.
Now you can see the header section is looking good.
We have made the iPhone image visible and we have made the headings and the burdens alone to the center.
OK and then just move forward and see the other areas.
It looks fine.
This also looks fine.
There just me the bird or this a bold dash I call an image 100 percent
called a parent girl or parent container you need to edit here or before that I have to copy check for
the class about it really being about section
the thing we don't need it to because the images of all the little kid that do it just to make sure
that it is what and say that that is the image that image should be 100 percent
good home screen says there just isn't
okey.
You know I'm just looking much better.
You see on the screen sizes looks fine.
Livesey on the tablets because their main concern is tablet looking perfect looking quite now.
Everything is fine.
Everything's working perfect
thing we need to fix this isn't all that we take it on the iPhone
everything perfect.
OK.
It sticks lens center a little skewed some padding.
Doc who this is now
here.
She is now
this.
She asks the Burton vidis Santo Olenda Burton live could use some space at the top of this curtain and
view anti-coup that responsive Narcissus and to go inside.
These are the smart devices.
It could be that glass which is built is known and in poaches.
Now we have a.
Call them Desch m d s t retargeted legless and say go get this column dush.
It will get text allowing functors on the block or are to cooked the keep X
purpose goes Wilkey the whole section looks fine.
Everything is on please about to looks fine and then the mission is working perfectly and menus working
perfectly.
This one is looks great.
The features section looks great and now know the Britain is entered the land and we have entered some
space at the top of this burden's.
So it looks fine this conception looks fine.
Nusi we agreed that they have stated it is working perfectly and the counters are working perfect.
Volodin all looking perfect a available onlooking perfect
contact us all I'm looking at so perfect on the small dresses.
So everything is looking perfect on the iPhone 5 work great view and this is because of this break point
which is its maximum Semmens 67 so for small quantities so it would also look for all of these the rest
of the devices you can see
books neat
perfect.
And this is the iPhone 6 that is the Contact Us version looking perfect.
Ok let to see the iPad Wilson
key.
Everything looks fine.
Perfect.
Faked.
And also this is screen size for the medium ones you will do for here everything looks fine and great
Okay fine.
It seems dead we don't need to add custom sequences to these custom Wudi cuties So we will.
But we will leave it here.
So this is the way to add custom media cuties to just the lay out of our Web page for the responsive
the out.
So I think we just need only these media duties and now our site is perfect for the responsively.
You can see them multiple views of apology on multiple devices.
There is another pool which is called ghouls.
Its also a really great tool you can also check your reps say quote responsively old reports multiple
screens like you can see into the showroom if you allow scrolling
smart choices.
And it also has IPART vergence like you can see.
You can play around with Diskworld it is a very great pool.
Ive also added this link to the resource Quane and it also have the small croons you see
so didn't sit for that responsively out.
We are done with the response of the old we have added some custom media Curie's to add some adjustment
to the loss of project and since we are already using them both separately will be taking the complete
responsibility.
But there was still a few things should be adjusted and we make it happen using these medium duties.
Thanks see you in next video.