глупо оскорблять себя за то что ты что-то не умеешь, а не задавать вопросы.
возьми что-нибудь полегче, без шуток.
поначалу твоя вёртска будет гавно(не надо расстраиваться, чморить себя) и это нормально.
с опытом вёрстка будет становиться лучше(это неизбежно и не зависит от уровня интеллекта)
здесь есть интересные макеты(правда я не нашёл чего-нибудь слишком простого)
Сергей: Согласен! Использование флоатов для раскладки блоков (не по назначению) - это чистейший хак! То есть, задача реализуется некорректным способом! Просто удивительно, что в течении 20 лет не было написано конкретного и корректного решения этой задачи. И, слава богу, наконец-то, занялись этой проблемой.
для тех, кого заинтересовал мой ответ, но работает с pug, я сделал pug-starter на основе проекта, который выдаёт webapp-generator. Я дополнил ответ и ссылка на репо в нём.
1. есть компоненты, которые появятся только на определённой страницы
2. есть компоненты, котороые появятся на нескольких страницах(или на всех, типа Button)
3. есть компоненты типа "лейаутовые"(Header, Footer), которые появятся на всех страницах, однако логически их нельзя поместить в одну папку с теми, что из 2 пункта.
4. есть компоненты, которые принадлежат только компоненту, который находится внутри только определённой страницы.
Если вы говорите, что ваша структура папок вас устраивает при таком размере проекта, выходит что она действительно удобная. В связи с этим не могли бы вы показать проект, где вы используете эту структуру, чтобы я мог в деталях с ней ознакомиться.