Hallo zusammen
ich versuche gerade eine Webseite mit einem Grid zu gestalten.
Leider ist es so, dass ich rund um den Viewport herum eine Lücke habe, die ich nicht haben möchte.
Ich möchte, dass Bilder und Inhalte flächenfüllend sind.
Wisst ihr, wie man den Rand ums Grid herum wegbekommt?
Vielleicht hab ichs falsch verstanden und benutze das Grid falsch
Hier noch der Ausschnitt aus meinem Code:
Code
body{
display: grid;
grid-template-columns: 1fr 1000px 1fr;
grid-template-rows: 4em 50em 1fr 10em;
column-gap:0;
row-gap: 0;
}
#reference{
grid-row: 2/3;
grid-column: 1/4;
}
.imgRef{
width: 100%;
height: 50em;
object-fit: cover;
margin-left:0;
margin-right: 0;
}
Alles anzeigen
Danke schon mal