I have a website that trying to develop, though am still an amatuer. now, the site isn't all that good wen viewed with phone. the information seems to be scattered around. plz, how do I mk it look fine in phone. I use HTML n css to design it.

you use media queries i.e you target specific phone screen sizes...

for example,say you have a tag with a postTitle class ,your normal css would be

.postTitle {
font-size : 19px;
}

---

the font size would be too big on smaller screens so,lets rewrite that

@media (max-width: 340px) {
.postTitle {
font-size : 12px;
}
}

---

you would also need to write for other screen sizes ,though there are ways you can target a particular screen size range( min screen size must be 340px while it must be greater than 450px)...

please take a look at this links http://cssmediaqueries.com/what-are-css-media-queries.html
http://cssmediaqueries.com/overview.html
https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

---

---

in addition,you might also want to look at CSS frameworks,they already have you covered with media queries 95%,the remaining 5% can be ignored

Jregz:
you use media queries i.e you target specific phone screen sizes...

for example,say you have a tag with a postTitle class ,your normal css would be

.postTitle {
font-size : 19px;
}

---

the font size would be too big on smaller screens so,lets rewrite that

@media (max-width: 340px) {
.postTitle {
font-size : 12px;
}
}

---

you would also need to write for other screen sizes ,though there are ways you can target a particular screen size range( min screen size must be 340px while it must be greater than 450px)...

please take a look at this links http://cssmediaqueries.com/what-are-css-media-queries.html
http://cssmediaqueries.com/overview.html
https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

---

---

in addition,you might also want to look at CSS frameworks,they already have you covered with media queries 95%,the remaining 5% can be ignored

you got a mail

herald9:
you got a mail

gotcha bro..replied already

use bootstrap. The lovely felas have done all that for you. Learn their framework. Its pretty straightforward.

Pls i also need help in this responsive design issue. Can You Elighten or email me any useful file or tutorial and i'm still tryin to Understand bootstrap, but it's still a bit confusing. Thanks..

go to www.freecodecamp.com

AndySawa:
Pls i also need help in this responsive design issue. Can You Elighten or email me any useful file or tutorial and i'm still tryin to Understand bootstrap, but it's still a bit confusing. Thanks..

you apply bootstrap css the way you apply normal css. The difference is that they have written alot of css that looks good. What you need do is go to getbootstrap.com and find out whats available. Id post a tutorial maybe. But there are so many in google.

Jregz:

Thanks a lot bro, though am still I novice, I didn't fully comprehend you reply. But am making more research with the link you drop. plz do you have any ebooks that I can use to enhance and programing skill. videos also will be appreciated.

212blaze:


you apply bootstrap css the way you apply normal css. The difference is that they have written alot of css that looks good. What you need do is go to getbootstrap.com and find out whats available. Id post a tutorial maybe. But there are so many in google.

plz, can u help me with a more precise book on thus topic.

AltarBoy1:
plz, can u help me with a more precise book on thus topic.

this website would do the trick

http://www.w3schools.com/bootstrap/

212blaze:


this website would do the trick

http://www.w3schools.com/bootstrap/

thanks a lot..