Все ли правильно!?

[Livitan]

Всем привет, учусь на интерактивных курсах, вот сегодня сверстал первый свой код htmll и css.

Если есть у кого то время, проанализируйте, может где то можно сократить, где то исправить, хочу с самого начала учиться правильно,  а так как наставника нет, прошу помощи у вас.

Спасибо! 

https://jsfiddle.net/cqtcjxbd/

[DivMan]

Так это же готовый код из HTMLAcademy 

[Livitan]

Так это же готовый код из HTMLAcademy 

Да, все верно,я же написал что прохожу интерактивные курсы, это готовый код, который сверстал я,

то есть : это картинка из HTMLAcademy , а код лично мой.

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

Спасибо!

Edited November 15, 2015 by Livitan

[DivMan]

есть косяки https://jsfiddle.net/cqtcjxbd/2/

догадайся, куда надо вставить это свойство overflow: hidden;

[Livitan]

есть косяки https://jsfiddle.net/cqtcjxbd/2/

догадайся, куда надо вставить это свойство overflow: hidden;

https://jsfiddle.net/cqtcjxbd/3/

Ну что б не вылазило за поля конейнера, вот так ?

[fucking_coder]

Не хотел создавать отдельную тему, у меня такой мини-вопрос.
 

Суть: посмотрел урок, как сделать "резиновые" блоки в ряд, воспроизвел, что было в уроке - но там текст для div использовался один и тот же, а у меня - разный. И в итоге все div разные по высоте. Как сделать, чтобы независимо от содержания (если текста слишком мало) div были одинаковые по высоте?

Вот код: http://cssdeck.com/labs/dz9oijul

[Igor Schnaider]

Как сделать, чтобы div были одинаковые по высоте?

Типичная таблица. table, display: table или flexbox.

Edited November 29, 2015 by Igor Schnaider

[andrey7287]

 Ну таблица - это ведь не по фэншую. Или, если стоит задача то её нужно решить любыми доступными методами ? 

 С флексом то понятно, но используя блочную модель подобное реализовать очень трудно, если вообще возможно.