CODEWITHSUNDEEP
htmlcssgallery
Mr 537h
Mr 537h

Reputation: 33

Gallery 100% width on page

I cannot make my Gallery 100% width on my website

Gallery

This is my website, where you can see code in source the code http://pepi.g6.cz

Thank you for help.

Upvotes: 3

Views: 102

Answers (3)

Horacsio
Horacsio

Reputation: 95

Sounds like you have several issues there.

First: you don't need to use Arial font since it's a system font!

Second: You need to set the width of your video tag to max-width: 100%.

Third: the nav bar don't need to be margin-top: -75px. You should fix other margins instead!

Fourth: use an external css file instead.

Fifth: use your browser dev tools to help you figure out issues with your site, usually Ctrl+Shift+I (WIN) Cmd+Opt+I (OSX) (Firefox Chrome, Safari )

Upvotes: 0

akshay saxena
akshay saxena

Reputation: 455

Please try this css 

body {
    background-color: white;
    margin: 0;
    overflow-x: hidden;
}

.responsive {
    float: left;
    height: auto;
    width: 33.33%;
}

this will remove your horizontal scroll as well.

Upvotes: 0

jminguely
jminguely

Reputation: 93

If you give to your .responsive class the width property of 33.33% (instead of 33%) the right white space you mentioned should reduce.

You'll minimize the right margin to 0.01% instead of 1% (of the total width).

There is also the option to use the css calc operator: width: calc(100% / 3);

Upvotes: 2

Related Questions