BlogVideos
#react
#css
#javascript
#mongodb
#tech talks
#codepen
#Logrocket Blog

Codepen - Trello UI using CSS Grid and Flexbox

June 24, 2019🍿 1 min readEdit this post on Github
Follow me on twitter. I share quick tips, my reading list and also about free workshop and webinars around web and mobile development everyday.

Trello UI is well known for its uniqueness and user friendliness. Here is a codepen I learned to create trello UI using CSS grid and flexbox.

You will learn how to create real UI screen using CSS by reading this codepen,

What I learned from the pen

  • Flex box fallback along with grid layout
  • Customizing webkit scrollbars
  • Adding aria-label for visual elements that doesn’t have content (i.e., icon buttons)
  • How to use flex-basis

Get Weekly Developer Tips

I send out a short email each friday with code snippets, tools, techniques, and interesting stuff from around the web. Join 2,600+ subscribers.

Share:
  • Previous Article

Made with ❤️ in Tallinn, Estonia

Paramanantham Harrison's DEV Profile