在@media中使用边距

Question

我有一些CSS在移动设备上很完美，但是我正在尝试在台式机@media min-width 768px中工作。我正在尝试使两段文字靠得更近，并在50px的页面上向下移动。无论我如何尝试，我似乎都无法移动它。

在这里，我要移动的是找到一个事件并发布一个事件。

@media (min-width: 768px) {
  .event_wrapper {
    display: grid;
    grid-template-columns: 1 fr 1 fr 1 fr;
    grid-template-rows: auto;
    grid-template-areas: 'a b c d e f';
  }
}

<div class="lasvegas">Events</div>
<div class="findanevent" />
<div class="event_wrapper">
  <a href="https://adsler.co.uk/find-an-event/">
    <span id="findanevent" class="event">Find an Event</span>.
  </a>
  <a href="https://adsler.co.uk/post-an-event/">
    <span id="postanevent" class="event">Post an Event</span>
  </a>
</div>

Answer 1

删除fr单元前的空格：

grid-template-columns: 1fr 1fr 1fr;