html - 在@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;