import styled from "styled-components";

export const CourseListWrapper = styled.div`
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  /* overflow-y: auto;
  overflow-x: hidden; */
  height: 60%;
  max-width: 1200px;
  margin: 20px auto;
 

  
  /* Style the scrollbar */
  ::-webkit-scrollbar {
    width: 8px;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 4px;
  }

  ::-webkit-scrollbar-track {
    background-color: #f2f2f2;
  }

  ::-webkit-scrollbar-thumb:hover {
    background-color: #555;
  }

`;
