Can someone tell me what this code means?

This is based on the Bootstrap Grid system. Read here for more info
https://getbootstrap.com/css/#grid

That code means, on a mobile phone display (…less than 768px width, like an iphone), set dimension of that div at full-width (of the phone’s screen).

But that same div should occupy 10 column spaces for tablets (768px and above)… Also offset it by 1 column space. — basically, center it on the screen. i.e. 1 + 10 + 1 = 12 columns

On a desktop monitor (992px and above), display that div at 8 column spaces, and offset to the right by 2 column spaces. – center it on the screen, 2 + 8 + 2 = 12 columns

1 Like