CSS - using flex property

0 votes
425 views
added Jan 28, 2019 in Git by LC Marshal Captain (25,790 points)
&_row {
	display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    .detail__highlight_column {
    	display: flex;
		flex: 0 0 100%;
		padding-top: 2px;
		padding-bottom: 2px;
		padding-right: 20px;

		@media screen and (min-width: 768px) {
			flex: 1 1 50%;
		}
		&:nth-child(2n) {
			@include min-screen($screen-md) {
				justify-content: flex-end;
				flex: 0 0 40%;
				.listing-info-detail {
				flex: 0 0 120px;
				}
			}
		}
		.detail_highlight_label {
			flex: 0 0 108px;
			font-size: 1.3rem;
			color: #A0ACC1;
		}
		.detail_highlight_data {
			font-weight: 600;
			flex: 1 1 120px;
		}
    }	   
}

 

1 Response

0 votes
responded Mar 12, 2021 by lcjr Lieutenant (12,010 points)
.flex {
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

 

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