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

CSS - flex for 2 columns

0 votes
19 views
added Jan 29 in CSS by LC Marshal Captain (23,720 points)
edited Jan 29 by LC Marshal
&_row {
    display: -webkit-flex; /* Safari */
    display: flex;
    flex-wrap: wrap; 
    .detail__highlight_column {
        flex: 0 0 100%;
        @media (min-width: 768px) {
            flex: 0 0 50%;
        }
        flex: 0 0 50%;
        .detail_highlight_label {
            color: #A0ACC1;
            font-size: 1.2rem;
        }
        .detail_highlight_data {
            font-weight: 500;
            font-size: 1.5rem;
            color: #414141;
            text-transform: capitalize;
            margin-bottom: 20px;
        }
    }
}

 

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.
...