@youssra-ghninouSubmitted over 2 years ago
Aimade
@aimdexterAll comments
- @aimdexterPosted over 2 years ago
Hello ussra, Nice challenge. Clean code using tailwind, your config file is lite and everything is working very smoooooooooth. You did a good job. While it’s highly recommended that you create proper template partials for more complex components, you can use Tailwind’s @apply directive to extract repeated utility patterns to custom CSS classes when a template partial feels heavy-handed. You can check it out at the official tailwind documentation ( https://tailwindcss.com/docs/reusing-styles ). Good luck.
Marked as helpful0 - @youssra-ghninouSubmitted over 2 years ago
- @Bidbogs-progSubmitted about 3 years ago
Any advice on how to correctly position the middle section similarly to the design as well as any improvements overall would be greatly appreciated. Thank you!
- @VallejoandersonSubmitted over 3 years ago
I can't set all the items as in the example, any suggestion or idea will be appreciated!
@aimdexterPosted over 3 years agohey @Anderson Vallejo i made some changes to your code you can check it out :
1. Live
2. code
3. changes : ```@media (min-width: 1440px) {
.container__cards {
display: grid; column-gap: 20px; grid-auto-flow: dense; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 1fr); width: 70%;}
.card--color-violet {
grid-area: 1/1/2/3;}
.card--color-grayblue {
grid-area: 1/3/2/4;}
.card--color-white {
grid-area: 1/4/3/5;}
.card--color-white1 {
grid-area: 2/1/3/2;}
.card--color-blackblue {
grid-area: 2/2/3/4;}
} ```
4. I added a new class '.card--color-white1' both in the html file and css.
Marked as helpful2 - @NithinMonnappaSubmitted over 3 years ago
I need to fix few stuff please help.
