Latest solutions
Advice Generator App with React, TypeScript, Tailwind and Vite
#react#tailwind-css#typescript#vitePSubmitted 4 months agoScoot using Tailwind and Vite
#react#tailwind-css#vitePSubmitted 4 months agoI would like help with:
- better styling for details/summary elements
- ideas for animations for this website
- maybe some tailwind principles to decide on changing theme values
Tic Tac Toe game with React and Tailwind
#react#tailwind-css#vitePSubmitted 8 months agoFile structure, best practices with components and deployment tools
Bento grid with Grid and SCSS
#sass/scssPSubmitted 8 months agoMaybe accessibility and see if there is better ways to place these images.
Workit landing page using Flex and inline SVG
PSubmitted 9 months agoAny ideas on how to get that curvature with CSS only? or another better way than what I did?
Latest comments
- @edquirkP@miguelzaga
Hi Eddie, It is usually used for CSS resetting. If you want to know more about that, I would recommend you this article https://css-tricks.com/an-interview-with-elad-shechter-on-the-new-css-reset/. There are multiple approaches and the topic gets you thinking deep about CSS.
About the color schemes, I would reccomend you researching about CSS custom properties. It is a clean way to organize them and it is easy to maintain.
After that, as you get more comfortable, I would suggest you to try SASS/SCSS and try some structures like this https://css-irl.info/a-modern-front-end-workflow-part-3/
Marked as helpful - @Yehan20P@miguelzaga
Great animation! the ::before and ::after for the .card__link is very clever.
I am not sure about this, but is it a good practice to use the block and the element in css selector? I thought you were only meant to use one. For instances, instead of writing ".card .card__top" you would write ".card__top". What do you think?
And I was looking at your code, I think you could be a bit more specific with your commit messages.
And I think you organized very well your html. The class names are short and meaningful. Great stuff.
Marked as helpful