No replies
Web NZ
Web NZ's picture
Offline
newbie
Last seen: 5 years 51 weeks ago
Timezone: GMT+13
Joined: 2014-10-29
Posts: 1
Points: 2

Hi All,

I’m working on a site for my holiday house and I want the layout to be mobile device friendly. So I have been working with media queries but to date I have had no success getting them to do my bidding (my site remains stubbornly laptop and PC centric).

I did wonder if I needed to use

’s to wrap the content or more likely I just don’t know what I’m doing. The site is (www.loftnz.com-only homepage and images up and working so far) Here’s my CSS which is in a separate linked file. Any advice/help gratefully accepted.

@media only screen and (max-device-width:750px) {

h1, h2 {
font-size:80%;
}

.aloefont {
font-size:40%;
}

body {
width:500px;
height:30%;
margin:auto;
}

section {
width:500px;
height:30%;
margin:auto;
}

img {
width:200px;
height:100px;
margin:auto;
}

blockquote {
width:100px;
height:50px;
margin:auto;
}

footer {
width:500px;
margin:auto;
}