CSS Icon


Cascading Style Sheets (CSS) is a language used most often to style and improve upon the appearance of views.
31 Stories
All Topics

bitsofcode Icon bitsofcode

Recreating the GitGub contribution graph with CSS Grid

The best way to learn, is to learn by doing! Ire Aderinokun: While learning CSS Grid Layout, I’ve found that the best way to internalize all the new concepts and terminology is by working on various layouts using them. Recently, I decided to try to recreate the GitHub Contribution graph using CSS Grid Layout, and found it was an interesting challenge. View the working code on CodePen.


YouTube Icon YouTube

How can you use CSS Grid today? (Internet Explorer exists)

Layout Land is a new YouTube channel from Mozilla and Jen Simmons focused on helping you learn about the new layout possibilities in web design. If you're looking to use CSS Grid but you need to support IE users, then you should check out this video and the rest of the series when you're done. New videos every Tuesday and Thursday. People always ask, “How can I dare to use this new CSS, when I need to support IE users?” It is very important to make sure every user can do what they came to your website to do, whether or not their browser supports the hot, new CSS you want to use. CSS Grid shipped in March 2017, and is already supported by the vast majority of web browsers in use. But there is a significant portion of users who do not have support for CSS Grid — not just IE, but also UC, Samsung Internet, Opera mini, QQ, and more. So can we use CSS Grid? How do we support these old browsers and use CSS Grid?

0:00 / 0:00