Fediversity/assets/scss/custom.scss

// Add your own custom styles here
.grid-container {
    display: flex;
    justify-content: space-between;
  }
  
  .column {
    flex-basis: calc(50% - 10px); /* Adjust width as necessary */
  }
  
  .list {
    list-style-type: none;
    padding: 0;
  }
  
  .list-item {
    margin-bottom: 10px;
  }
  
  .link {
    text-decoration: none;
    color: inherit;
  }
  
  .title {
    font-weight: bold;
  }
  
  .hr-list {
    border: 0;
    border-top: 1px solid #ccc;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  
  .list-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  .content {
    flex: 1;
  }
  
  .link {
    text-align: left;
  }
  
  .time {
    text-align: right;
  }
  

  .grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }

  .grid-item {

    padding: 20px;
  }

  .header-with-image {
    display: flex;
    align-items: center;
  }

  .header-with-image img {
    margin-right: 10px;
    max-width: 100px; /* Adjust as needed */
    max-height: 100px; /* Adjust as needed */
  }

  .read-more-link {
    color: #FF6E00; /* Use the variable defined in theme.json */
  }
  
  .center-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh; /* Adjust height as needed */
  }

  .grid-container-small {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }