Are you first timer at lazacode.org? Why not join us and start exchange your programming knowledge with everyone. Register today!

CSS - using flex property

0 votes
54 views
added Jan 28 in Git by LC Marshal Captain (23,720 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;
		}
    }	   
}

 

Please log in or register to response this reference.

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