Some Question about of grid in CSS and some other
1- Which one is better of these:
And thanks for helping
grid column and row templates
or grid template areas
|------------------------------|
2- I see in some codes or in grid like:
grid-row: 1 / span 2;
this add /
what is her role ?
|------------------------------|
3- In page responsible I start with mobile phone screen then go to screen desktop and other or start coding for desktop then responsible that to phone or tablet.And thanks for helping
3 Replies
1) Whichever is better for your use case or you prefer, there's no real "better" option. I'd personally use columns and rows unless the layout got complicated enough that the template areas would make it easier to write
2) the / is a way to set
grid-row-start
and -end
in one go in shorthand. The value left of it is the start, the value to the right end.
3) I don't have a ton of experience with this, but generally I prefer mobile-first. It's definitely also personal preference thoughAh ok thanks
what do you thank about Tailwind CSS ?
I don't like it
it's very popular, but I don't see the added value over just writing your own CSS and it makes my html code look like garbage
I'd definitely not recommend using it until you have a decent grasp of vanilla CSS though