react-link-preview/src/sections/Home/Home.css

Wrap your React Router Link with the React Link Preview and feed it a component. You'll get a modal with a preview of that component on long-press and a regular link otherwise.

.Home {
  margin: 0 auto 0 auto;
  max-width: 40vw;
  @media (max-width: 768px) {
    max-width: 90vw;
  }
  p {
    margin-top: 50px;
  }
  pre {
    background-color: white;
    @media (max-width: 768px) {
      font-size: 10px;
    }

    ol {
      padding-left: 30px;
    }
    li {
      background: white;
    }
    li.L0, li.L1, li.L2, li.L3,
    li.L5, li.L6, li.L7, li.L8 {
      list-style-type: decimal !important;
    }
  }
  code {
    padding: 0 3px;
    font-size: 14px;
    background-color: #e3e3e3;
    color: darkslategray;
  }
  table {
    width: 100%;
    border-collapse: collapse;
  }
  th {
    background-color: #e3e3e3;
  }
  td {
    font-family: monospace;
    background-color: white;
  }
  th, td {
    padding: 5px;
  }
  table, th, td {
    border: 1px solid darkslategray;
  }

}