Какие варианты позиционирования можно применить?

Question

[Анастасия Иванова]

Здравствуйте, возник вопрос, какие варианты позиционирования можно применить и как это сделать, для того, что-бы сверстать блок новостей семантически правильно и грамотно позиционировано?


Спасибо.

Comments

[Rustam Bainazarov]

Это тупо два блока друг под другом. Вообще не нужно ничего ни к обертке, ни к ним применять.

Можете так сделать для семантики, LOL:

<section>
   <article>Новость #1</article>
   <article>Новость #2</article>
</section>

Answer 1

[Максим]

https://codepen.io/topicstarter/pen/KEMqZj - примерно так, манипулировать при медиа запросах можно как угодно ...и делать что угодно ... в общем смотрите и если что то не ясно пишите спрашивайте - постараюсь развёрнуто ответить

Comments

[Анастасия Иванова]

Сейчас меня интересует только, как это сверстать на HTML и CSS, а вам как нибудь в ЛС можно писать?

Спасибо.

[Максим]

niceniceice, [e-mail]

[Анастасия Иванова]

Максим Ленский,

Проба

Посмотрите, если не сложно. Хорошая верстка?

[Максим]

niceniceice, не адаптивно

[Анастасия Иванова]

Максим Ленский, Если не сложно скажите пожалуйста как сделать адаптивно и в чем ошибка?

Спасибо.

[Максим]

niceniceice, я же вам показал как это делать ...смотрите ..или пишите на почту мне ...я покажу в team viewer но для этого скачайте и установите его ...