3 columns on same line
On large device, (min-width:1025px) The secondary, primary and tertiary content all appear on the same line(not stacked on top of each other) how was this achieved?
Mark Ramos18,643 Points
At the beginning of the video, Guil floats the columns so they appear side-by-side. Remember that
@media (min-width: 769px) also applies to
@media (min-width: 1025px) except where styles have been overridden. In
@media (min-width: 769px) he gives
.secondary a width of 50% to make them fit on one line, and in
@media (min-width: 1025px) he overrides those widths by giving all 3 columns a width equaling 100% to fit on one line.