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

Question

[KRHD]

Comments

[sim3x]

Так как дизайнер нарисовал - так и делать

[Hyubert]

media queries + width: n%

[KRHD]

Hyubert, Можно небольшой пример без стилей и т.п , чисто такой блок адаптивно

[Ankhena]

KRHD,
Если нет макета от дизайнера, то
3 блока, в каждом цифра + текст
на больших экранах - как на картинке, 3 блока в ряд.
на маленьких перестраиваете 3 блока в столбик
на крошечных перестраиваете внутренности каждого блока вертикально.

Для реализации нужно всего лишь изменять ширину при соответствующих условиях в media.

Если это не очевидно, то не стоит брать заказы в которых отсутствуют макеты для всех вариантов размеров.

[ElijahTr]

"Как сделать такой блок адаптивно, без знакомых, без опыта, и с полного нуля."
:)

Answer 1

[EEclipsEE]

смотря на чем делаете. Если бутстрап то так примерно:

<div class=""row>
   <div class="col-lg-4 col-md-12">тут ваш 1 ...</div>
   <div class="col-lg-4 col-md-12">тут ваш 2 ...</div>
   <div class="col-lg4 col-md-12">тут ваш 3 ...</div>
<div>

на медиазапросах своих принцип тот же. (Если я правильно понял вашу задачу).

Answer 2

[Hyubert]

KRHD, как вариант