Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This is a test to compare a grid layout between TailwindCSS and Grid CSS
Live Demo: https://c0d3.contactdewulf.now.sh/grid
I setup a 12 column grid that I think we should implement and wrap every page with it.
Please look at the code and give me your feedback.
Summary:
I feel have more control with CSS Grid by only set
grid-column: start / end
in my component it make really easy to place it.There is less
<div />
and lessclassName
the code seems easier to read.Tailwind is good to set up quickly some basic CSS rule.
ps: For some reason
module.css
orimport style-jsx
from another file was not working... The doc say there are supported out the box.