Log inSign up
Kevin Powell
12.4K posts
Image
user avatar
Kevin Powell
@KevinJPowell
CSS Evangelist Helping people fall in love with CSS: YT: YouTube.com/kevinpowell Twitch: twitch.tv/kevinpowellcss Courses: kevinpowell.co/courses
Halifax, Nova Scotia
kevinpowell.co
Joined March 2009
600
Following
55.6K
Followers
  • Pinned
    user avatar
    Kevin Powell
    @KevinJPowell
    Aug 11, 2022
    Did you know I have a newsletter? I tend to share some random general musings, what I've been up to in the past week, and other links and resources that I stumble across. Goes out every Sunday.
    Image
    kevinpowell.co
    Kevin Powell
    Helping you fall in love with CSS.
  • user avatar
    Kevin Powell
    @KevinJPowell
    May 19, 2020
    I couldn't help myself...
    Image
    00:00
    This post is unavailable.
  • user avatar
    Kevin Powell
    @KevinJPowell
    Mar 9, 2022
    Modern CSS can make a lot of impossible things possible, but it also simplifies some things as well. One use case that I have on pretty much every project these days is setting up a container/wrapper width with min() and margin-inline.
    .old-container {   width: 100%;
  max-width: 70rem;
  padding: 2rem;
  margin: 0 auto;
}

.modern-container {
  width: min(100% - 2rem, 70rem);
  margin-inline: auto;
}
  • user avatar
    Kevin Powell
    @KevinJPowell
    Oct 6, 2024
    14 years married! We both forgot yesterday was our anniversary, lol. Good thing one of our moms reminds us each year 😅
    Me and my wife
    Marriage photo of me and my wife
    59K
  • user avatar
    Kevin Powell
    @KevinJPowell
    Apr 15, 2021
    If you had a friend who was about to sit down and start learning CSS for the very first time, what advice would you give them before they started?
  • user avatar
    Kevin Powell
    @KevinJPowell
    Mar 17, 2022
    While it isn't fully supported yet, we're getting very close to the dialog element being in all modern browsers! What is dialog? It's a native HTML element that is basically everything you've wanted to create a modal! If you want to know more, 🧵 time!
    <dialog>   <h2>Content goes here</h2>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</dialog>
  • user avatar
    Kevin Powell
    @KevinJPowell
    Mar 26, 2021
    Added a meme channel to my Discord yesterday... so far this is my favourite. Anyone else have fun CSS memes that don't 💩 on it?
    Two convicts sitting next to each other on a bench. 
First frame, Convict 1 says: "I killed a man, and you?"
Second frame, Convict 2 replies "I set a fixed height in my CSS"
Third frame, the killer has moved to the far side of the bench
  • user avatar
    Kevin Powell
    @KevinJPowell
    Jul 20, 2023
    Nesting has come to native CSS, and if you're coming from Sass or Less, you might feel like you already know how it works, but there are some key differences! First up, if you are nesting an element selector, you must use an & before the selector or it's invalid!
    /* this doesn't work in regular CSS */
.navigation {
  ul { display: flex; }
  a { text-decoration: none; } 
}

/* you need to use the & with element selectors */
.navigation {
  & ul { display: flex; }
  & a { text-decoration: none; } 
}
    170K
  • user avatar
    Kevin Powell
    @KevinJPowell
    Jul 6, 2023
    CSS is everywhere 😅
    Me, standing in front of giant letters: CSS on a dock in front of a boat (for the CSS Acadia)
    49K
  • user avatar
    Kevin Powell
    @KevinJPowell
    Jan 26, 2023
    Was answering some comments on my latest video and had the thumbnail on screen for a bit and it got me wondering about making it with CSS... With it being "3d rotated", it just seemed appropriate to have it follow the mouse around 😁 Worth making a tutorial around?
    Image
    GIF
    123K
  • user avatar
    Kevin Powell
    @KevinJPowell
    Oct 20, 2021
    Course launch 🚀 I've teamed up with @scrimba and @frontendmentor to give you a FREE course on how to build a space travel site 🪐 To celebrate, we’ll give away an annual subscription to both Scrimba & Frontend Mentor (worth $250+) to 3 lucky retweeters of this tweet! 🎁
    Image
    Image
    Image
    Image
  • user avatar
    Kevin Powell
    @KevinJPowell
    Oct 19, 2021
    I'm launching a new FREE course in collaboration with @frontendmentor and @scrimba! We'll be: ✅ Creating a CSS design system ✅ Exploring flexbox and grid ✅ Talking responsiveness ✅ Making it interactive with JS ✅ Digging into accessibility 🚀 Launches tomorrow!
    Image
    Image
    Image
    Image
  • user avatar
    Kevin Powell
    @KevinJPowell
    Feb 24, 2021
    A lot of people like to complain about CSS. Let's drop the negativity! What is your favourite thing about CSS?
  • user avatar
    Kevin Powell
    @KevinJPowell
    Mar 2, 2020
    If you write CSS and aren't using Firefox as your dev browser, you're making your own life more difficult than it has to be. Their dev tools for CSS are 🔥

New to X?

Sign up now to get your own personalized timeline!

Create account

By signing up, you agree to the Terms of Service and Privacy Policy, including Cookie Use.

Terms·Privacy·Cookies·Accessibility·Ads Info·© 2026 X Corp.
Don't miss what's happening
People on X are the first to know.
Log inSign up