Web design tips for developers

The first 1000 people to use the link will get a free trial of Skillshare Premium Membership:

Join the Discord:

Video on gap in flexbox:

It can be hard to know how to improve the look of your site. You know it looks bad, but you don’t know why! In this video, I break down 5 tips to help you make your sites and projects look better :).

/// Chapters

00:00 – Introduction
00:51 – line-length
04:14 – letting things breath
10:27 – contrast with color
14:17 – text-alignment
17:25 – contrast with font properties


This video is sponsored by Skillshare

Come hang out with other dev’s in my Discord Community

Keep up to date with everything I’m up to

Help support my channel
👨‍🎓 Get a course:
👕 Buy a shirt:
💖 Support me on Patreon:

My editor: VS Code –

I’m on some other places on the internet too!

If you’d like a behind the scenes and previews of what’s coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.


And whatever you do, don’t forget to keep on making your corner of the internet just a little bit more awesome!


  1. About hyphenation: At least Chrom(e/ium) and Firefox have decent hyphenation support, so you may not need a javascript library for that. Just set hyphens: auto in CSS and set the lang attribute so that the browser knows which hyphenation rules to apply. YMMV depending on your language and your quality standards, of course.

  2. I always wonder.. Why are some of these not standard? A lot of the time it feels like "You should ALWAYS make this change", then why is it not default? I enjoy these videos as I am terrible with design in general so thank you for making them :D. Just having some general shower-thoughts 🙂

  3. If I think on pixels, for a paragraph <p> how size might be the max-width on main container right after the <body>? 960px is ok? because if I set 90% for example, the paragraph will still look too wide for monitors of 2400px wide or more. Or less than 960? Do you always use “ch” to size the wide? As a reference, the YouTube comment allows, on my 1440px monitor, about 150 characters.

  4. To describe your lecture, I just need one word. FANTASTIC! I'm a javascript developer and I am trying to make services alone and that's when I realized that I know how to make things using my programming skills, but I don't have the ability to imagine how they should look at all. Knowing how things should layout on the website helped me a lot!

  5. Kevin, I was taught we should not be changing the size of <h1-h6> elements. In my opinion a plain <h> tag should be added to CSS.

  6. Been checking out your videos lately, you inspired me to design random CSS in my spare time again and its really helped in my work projects plus all your top tips, thanks a lot Kevin!

Leave a Reply to domanick harper Cancel reply

Your email address will not be published.