У меня проблема с сеткой и перемещением моего div - PullRequest
Новая
       6

У меня проблема с сеткой и перемещением моего div

0 голосов
/ 26 марта 2020

Я пытался выяснить, как я могу переместить одно из моих изображений в левую часть экрана, но у меня это не работает. я довольно новичок в кодировании, и если кто-то может мне помочь, это будет очень цениться!

это мой сайт: https://pagestoread.glitch.me/books1.html (мои коды повсюду, так что простите за это!) 

.books {
  display: grid;
  grid-template-column: 1fr 1fr;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.abundance {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 2;
}

.before {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 2;
}

.caraval {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 2;
  grid-row-end: 3;
}

.code {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 2;
  grid-row-end: 3;
}

.eragon {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 3;
  grid-row-end: 4;
}

.family {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 3;
  grid-row-end: 4;
}

.gatsby {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 3;
  grid-row-end: 4;
}

.sister {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 3;
  grid-row-end: 4;
}
...