CSS - flex property for 3 columns

0 votes
304 views
added Oct 3, 2022 in CSS by lcjr First Warrant Officer (11,780 points)
.flex-row {
  display: -webkit-flex; /* Safari */
  display: flex;
  flex-wrap: wrap; 
  .loc-box {
      flex: 0 0 100%;
      @media (min-width: 768px) {
          flex: 0 0 33%;
      }
      flex: 0 0 33%;
      text-align: center;
      .title {
        &-center {
          display: block;
        }
      }
  }
} 

 

lazacode.org - Malaysia's programming knowledge sharing platform, where everyone can share their finding as reference to others.
...