Submitted
Caio de Alcantara Santos
@caio-alcantara
All solutions
Submitted
Submitted
The first time I did this challenge I used Flexbox. Now that I'm learning Grid, I decided to restart it and give it a try. The mobile part went just fine, my problem is just positioning those two cards on the side in the middle of the grid. I've tried all types of aligns/justify: center, and nothing worked. Why's that? How can I fix it? Thank you already
Submitted
Had some hard time doing this. The mobile part was really easy and managed to do it quite quickly. However, the desktop layout gave me a lot of headache (maybe because I'm still not so familiar with CSS GRID). Basically, I couldn't make the cards in the 2nd row to be the same size, so I had to do a lot of work around to make that happen, and I fell I did it the worst way possible. Can someone tell me why did that happen? While using the grid layout, I did set 4 columns with same width, but looking into dev tools, the first two columns were much smaller than the others. Was this happening because of the card-2 width?
Submitted
Submitted
I couldn't find a way of correctly using the background images, can anyone help me? Also, is using 'position: absolute;' for the profile image the right way of doing it? It felt like a lot of work around while doing it, and it just doesn't seem like the best approach
Submitted
This was the first project I did using the "mobile-first" approach, and I actually think it helped a lot for responsivity. However I had a problem when trying to do the active state (hover) on the links. Basically, I set the link's colors to the same color as the background. I thought the right way of doing it would to set the text color to 'transparent' but that didn't work out. Anyway, the solution I found worked out great until I had to do the hover state. I couldn't manage to get the link's background-color to be transparent, and the text color to be white (not managing to change the text color to white is the big issue here, I think). Can anyone help me with that?
Submitted
I had a really hard time when doing the responsivity part, but a tutorial in Youtube really came in hand
Submitted
Submitted