Four Card Section with Tailwind - Not a single CSS line
Design comparison
Solution retrospective
Took a Tailwind course recently and tried to apply my new skills on this project. Took me more time than usual to finish it since it was my first time practicing Tailwind. This framework is crazy, you can finish a project without coding a single CSS line. Quite happy with the result.
Feel free to leave me a comment if you know how to improve this project.
Feedback is appreciated! đ
Community feedback
- @derickcjesusPosted 11 months ago
OlĂĄ, Daniel.
Estou desenvolvendo essa solução e me veio uma dĂșvida: Ă© mais fĂĄcil desenvolver usando flex ou grid?
1@danielmrz-devPosted 11 months agoE aĂ Derick!
Nesse caso, acho que o grid Ă© um pouco melhor. Uma coisa que aprendi sobre flex e grid:
-
Flex Ă© mais indicado pra trabalhar com containers verticais OU horizontais (linhas ou colunas).
-
Grid Ă© mais indicado quando vocĂȘ precisa trabalhar com ambos simultaneamente, linhas E colunas.
Como nesse projeto a gente tem que trabalhar com linhas e colunas, eu escolhi o grid.
Mas isso nĂŁo te impede de usar o flex, se quiser!
Espero que ajude đ
1 -
- @rianmatiasPosted 12 months ago
que curso de tailwind vocĂȘ fez? gostaria muito de aprender tambĂ©m
1@danielmrz-devPosted 12 months agoFiz o da Alura! @rianmatias
Um curso simples e rĂĄpido, mas tambĂ©m porque o Tailwind traz muita coisa do CSS, entĂŁo nĂŁo Ă© tĂŁo difĂcil.
0@rianmatiasPosted 12 months ago@danielmrz-dev fui ver aqui dĂĄ nĂŁo, vou procurar um no youtube, um que me ensine o bĂĄsico pra jĂĄ ir aprendendo, mas obrigado por falar onde foi.
0 - @chemsodevPosted 12 months ago
wow it's so good I hope that I will be able to do such a work one day. I'm currently trying in this challenge I found it a little bit complicated, I will post it as soon as possible, I will really appreciate it if you take a look at it when I do thanks and good luck.
1 - @Call4juliusPosted 12 months ago
I am yet to start learning tailwind css. I heard its a lot of fun. For the now i just want to get stronger with plain vanilla css.
P.S: What are the advantages of libraries like tailwind over the plain versions like css? I would like to have a feedback. Thanks in advance.
0@danielmrz-devPosted 12 months agoWell, I'm still learning about them, but I've noticed that you can reduce your code drastically. You can even finish a whole project without a single CSS line.
I think the best option is to combine them. I really like styling my projects from scratch.
@Call4julius
1@Call4juliusPosted 12 months ago@danielmrz-dev I think you are just like me. I like the hard work of doing it un-aided. Thanks for the response.
P.S: Have your tried your hands on the "social proof section" challenge?
0@danielmrz-devPosted 12 months agoI did! I had a hard time with that challenge, but I learned a lot from it! I even customized it a little!
Here's the link to my solution.
@Call4julius
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord