Скриншоты сайта в адаптивную Tailwind верстку

Я знаю, что существует 100 500 способов перекинуть картинку в готовую вёрстку.

Но когда у меня дошло до дела, результат оказался так себе.

То ли я криворукий, то ли все эти инструменты ещё далеки от совершенства.

В итоге понял, что мне проще накидать свой собственный велосипед — скрипт на Python (~200 строк).

Решил выложить, может, кому‑то пригодится.

Скрипту можно скормить три скриншота сайта:

1) Десктоп‑версия

2) Планшет

3) Мобильная версия

На выходе получим одну HTML‑адаптивную вёрстку (десктоп, планшет, мобила) с использованием Tailwind CSS. Читать далее

#screenshot #chatgpt #tailwind #tailwindcss | @habr_ai