css Как сделать адаптивный блок в css?

[Dmitriy Korolev]

Здравствуйте.Подскажите как сверстать блок так чтобы на телефоне блок отображался также как на пк.

Спойлер: Код

.visible {

  background: #fff;

  position: fixed;

  left: 50%;

  top: 50%;

  margin-top: -10%;

  overflow: hidden;

  z-index: 2000;

  width: 30%;

  height: 45%;

  padding: 0px;

  margin-left: -15%;

}

Спойлер: Скрины

 

[fantom]

смотри with, max-width и word-wrap в инструментах разработчика