Clever Geek Handbook

Gallery 100% width per page

I cannot make my gallery 100% wide on my site

Gallery

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

Thank you for your help.

+3


source to share


3 answers


Try this css

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

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


this will also remove your horizontal scrolling.

0


source


If you give the class .responsive

a width value 33.33%

(instead of 33%

), your right white space you mentioned should shrink.

You will reduce the right margin to 0.01% instead of 1% (of the total width).



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

+2


source


It looks like you have several problems.

First: you don't need to use the Arial font, as it is the system font!

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

Third: the navbar shouldn't have margin-top: -75px. You must correct other fields instead!

Fourth: use an external css file instead.

Fifth: use your browser tools to help you sort out problems on your site, usually Ctrl+ Shift+ I(WIN) Cmd+ Opt+ I(OSX) ( Firefox Chrome , Safari )

0


source






More articles:


All Articles