Как можно в codepen.io посмотреть поведение верстки при разных разрешениях экрана?

Question

[mr_alex]

https://codepen.io/anon/pen/PJaKJa
Как посмотреть поведение вёрстки при разрешениях от 0 до 500 и от 500 до 800?

Comments

[one_day]

change view --> Editor layout --> right

[Сергей delphinpro]

debug mode откроет пен в чистом окне. А там уже можете включать mobile view в тулзах браузера и смотреть на любых разрешениях

Answer 1

[display: block]

https://blog.codepen.io/documentation/editor/full-...

Comments

[display: block]

mr_alex, сделай Change View на вертикальный, расширяй и сужай редактор.

[mr_alex]

Это не то. Интересует поле с готовым результатом. Например при ширине 500. Выдает prntscr.com/gw0agk
При ширине 499 отображается prntscr.com/gw0b04
Как можно получить такое же отображение в codepen?

[mr_alex]

display: block, как узнать разрешение экрана в самом codepen?

[display: block]

mr_alex, при ресайзе панели, счетчик внизу показывает разрешение.