How to build a basic dashboard layout with Tailwind CSS 2.x
source link: https://iiiyu.com/2021/05/18/ewan-s-daily-technical-sharing-2021-05-18/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
How to build a basic dashboard layout with Tailwind CSS 2.x
Requirement
I want to build a new Admin Dashboard system from zero. So I need to build everything.
I need a basic dashboard layout. It looks like below a picture.
A basic dashboard has three parts.
- a fixed header.
- a menu can scorll.
- a main content can scroll.
Let’s go.
This article is very subjective. If you do not feel comfortable viewing it, please close it as soon as possible.
If you think my article can help you, you can subscribe to this site by using RSS.
Process
First, I want to use flex and grid make a layout. But it always unsucessful.
So, I make some research.
Finally, I used fixed and marigin to complete this reuiremnt.
Code is blow, have fun.
https://codepen.io/iiiyu/pen/gOmLMLL
Referrals
How to build a basic dashboard layout with Tailwind CSS 2.x
https://iiiyu.com/2021/05/18/Ewan-s-daily-technical-sharing-2021-05-18/
Ewan Xiao
May 18th 2021
May 19th 2021
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK