Gallery 100% width per page

I cannot make my gallery 100% wide on my site


This is my site where you can see the code in the source code

Thank you for your help.


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.



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);



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 )



All Articles