JSFiddle - React, Tailwind, and code Playground

by mromanbanks

HTML

<footer>
  <div>
    <p>
    DropsTab is an independent market cap website and is not affiliated with any project or company. There is no financial or investment advice.
    </p>
  </div>
  
  <div>
  <p>
  Account settings
  </p>
  </div>
  
  <div>
  <p>
  Telegram news
  </p>
  </div>
  
  <div>

  </div>
</footer>

CSS

footer {
  display: grid;
  max-width: calc(992px - 60px);
  /* grid-template-columns: 1fr 2fr 3fr; */
  grid-template-columns: 1.5fr 2fr 4fr;
  grid-gap: 40px;
  margin: auto;
  border: 1px solid lightcoral;
}
div {
  background-color: lightblue;
}