My dificult was to put the cards separate and to find a way to put the colors on the top of div, i tried 2 codes until finally do the final code to share on the site.
@correlucas
Posted
👾Fala Jose, tudo bem? Parabéns pelo desafio!
O valor da sombra do componente está um pouco forte, você pode melhorar isso colocando menos opacity e mais blur, aqui um valor bom pra essa sombra: box-shadow: 5px 5px 12px 3px rgb(0 0 0 / 4%); se vc quiser criar sombras de um jeito mais fácil tem esse site aqui
https://html-css-js.com/css/generator/box-shadow/
👋 Espero ter ajudado e continue no foco
Marked as helpful
@riccardofano
Posted
Hey José, good job on this challenge already, but it would be a great way to learn how to use CSS grid!
If you look at the design of the desktop version you'll see there are 3 columns of equal size.
Then there are what might appear to be 3 rows as well but in reality there are only 2, the cards on the side start at the first row but span 2 and then are centered. On the mobile version there's only one column so you can change the grid accordingly.
Hopefully this was helpful, take a look at my solution if you need any pointers.
Marked as helpful
@wendeltm
Posted
@riccardofano Thanks for your advice, i think i have to much to improve my skills, and i will see your solution for learn more.
@wendeltm
Posted
Check my github profile to see the repositorie and the version mobile
github: https://github.com/wendeltm?tab=repositories
version mobile: https://wendeltm.github.io/Chalenges-FrontEnd-Mentor/cards%20section/cards%20mobile/index.html
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
