html css

Community feedback

• 

  Sapinder•565

  @sapinder-palPosted about 4 years ago

  Hi @Vashishta! You can use a grid layout like so-

  .first-box {
    grid-area: first;
  }
  .second-box {
    grid-area: second;
  }
  .third-box {
    grid-area: third;
  }
  .fourth {
    grid-area: fourth;
  }
  .features {
      display: grid;
      grid-template-columns: repeat(5, 1fr); //repeat 5 columns with equal proportions of width
      justify-content: center;
      grid-template-areas:
          "...       ...             first        ...        ..."
          "...      second    first        third   ..."
          "...      second    ...            third   ..."
          "...      second    fourth    third   ..."
          "...      ...              fourth    ...        ...";
  }
  

  You should read the documentation about grid layout!

  0