Responsive div blocks - CSS-Tricks

This topic is empty.

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Posts
May 23, 2016 at 4:18 am #242014

wentox
Participant

Hi, so i have this website http://frobjerg.esy.es, and in front page i have two div block with red border around it – http://prntscr.com/b7dyqb.

I used media queries for a specific resolutions, but how do i make those 2 divs responsive in general? when u take and resize the page is really messed up.

May 23, 2016 at 11:11 am #242036

I.m.learning
Participant

Change your two meta lines
<meta name=”viewport” content=”height=device-height,width=device-width” />

<meta name=”viewport” content=”initial-scale=1.0″ />

Into one.
<meta name=”viewport” content=”width=device-width, initial-scale=1″>

See if that helps

May 23, 2016 at 2:03 pm #242040

wentox
Participant

thanks for taking a look, but nothing changed.

May 23, 2016 at 2:56 pm #242041

I.m.learning
Participant

On the first page you noted; you have black diamonds with question marks.

Did you copy from this forum and paste to your website?

May 23, 2016 at 3:03 pm #242042
I.m.learning
Participant
```
<!DOCTYPE html>
<html 
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
```
When I changed to my header, it worked fairly well; even the images/js

See if that helps @ all
May 24, 2016 at 1:32 am #242056

wentox
Participant

yes i copied it and pasted, what black diamonds are you tallking about? i didn’t mentioned anything about diamonds :D

May 24, 2016 at 12:19 pm #242086
I.m.learning
Participant
When I looked at your source code, where the equals sign were, there were black diamonds with a question mark (meaning the encoding was not utf-8.

I knew you copied and pasted from the forum because we had discussions like this on here in the past. This forum causes curled quotes that will transfer to your text editor. This will throw your code off.

I use Bootstrap, I do not worry about making my sire responsive; I just have to ensure I am linking to those files. I see “bootstrap” in your code, but no links to it. I’m not sure if this makes any difference, however.

I also use :
a link to my bootstrap.css file and
```

```
in my head.

I have Bootstrap on my computer, and on my server and link to my bootstrap/js/bootstrap.js file.

I see you fixed your site though.
Author

Posts

Viewing 7 posts - 1 through 7 (of 7 total)

The forum ‘CSS’ is closed to new topics and replies.