8 ms·
For simple one-page presentation websites, try https://carrd.co https://carrd.co In my experience, knowing CSS is 90% of making a pretty and informative page.
by alin23 4y ago
For simple one-page presentation websites, try https://carrd.co https://carrd.co
In my experience, knowing CSS is 90% of making a pretty and informative page. HTML is mostly just h1 for title, h2 for subtitle, div for groups and p for copy text.
I don’t like writing neither HTML nor CSS so my websites are written in Plim with Tailwind classes for styling.
Here’s a snippet that defines the icon on the https://lowtechguys.com/clop https://lowtechguys.com/clop page
section#hero.min-w-[100vw].flex-center.flex-col.relative.pb-20
img.w-28.h-28.md:w-32.md:h-32.filter.drop-shadow-2xl src="/static/img/clop-icon.png"
h1.mb-6.text-4xl.text-zinc-600 Clop
h5.text-gray-500.m-0.p-0 Clipboard optimizer for images
h5.text-gray-500.m-0.p-0.-mt-1 Copy large, paste small, send fast
You can see how most of the text is just Tailwind classes which are basically CSS one liners.
It’s not easy to understand nor pretty to read, but it makes for super fast iteration time, especially because of the responsive breakpoints (e.g. .flex-col.md:flex-row for a vertical layout on mobile and horizontal on desktop)
- mattgreenrocks 4y agoThanks! I'll give it another shot; by the time I get around to working on marketing web stuff in my day (after work + parenting) I am pretty tired so I never give it a fair shot. Will check out carrd.io.