Как сделать адаптивную верстку?

я понимаю только в размерах бананов

@media (min-width: 576px) { ... }
@media (min-width: 768px) { ... }
@media (min-width: 992px) { ... }
@media (min-width: 1200px) { ... }
@media (min-width: 1400px) { ... }

Используй бутстрап

@media (min-width: 576px) { ... } - это определенно мобила
@media (min-width: 768px) { ... } - планшет портрет
@media (min-width: 992px) { ... } - планшет альбом
остальное комп

Вернее так
@media (max-width: 576px) { ... } - это определенно мобила
@media (max-width: 768px) { ... } - планшет портрет
@media (max-width: 992px) { ... } - планшет альбом
остальное комп