@hamzafrontend
@TofeDev
Submitted
What are you most proud of, and what would you do differently next time?
I'm proud that I learned CSS Grid!
What challenges did you encounter, and how did you overcome them?
I tried to code it using flexbox but it was a mess. So I learned how to use grid and it was perfect!
What specific areas of your project would you like help with?
Any help is welcomed!
@hamzafrontend
Posted
I must say it looks nice, good try.
@CelineJames
Submitted
What are you most proud of, and what would you do differently next time?
I cant really say, it has really been challenging, i stayed the longest on this project, really had a hard time on the grid layout and bringing the cards together in that way, did try something but it felt wrong to do it that way.
What challenges did you encounter, and how did you overcome them?
The grid layout was my major challenge, i combined the grid layout and positioning, i was not really sure it was going to work out at all, but it somehow did.
What specific areas of your project would you like help with?
i would return and take more lessons on css grid, but it was really challenging, then ill do a refactor of the code and design.
@hamzafrontend
Posted
Its no doubt a really good try, follow mobile design first approach, make the main tag display grid for small screen and for bigger screen make 3 columns using grid-template-column and make 3 cols, inside the main place 2 individual cards, and remaining 2 cards wrap them in a div and then put these 3 divs inside a main, and on big screen when you have 3 columns the desired layout would be ready, you could check my solution on my profile as well, if you want any help, feel free to message me.
Thanks, Hamza N.
Marked as helpful
@temesgen-982
Submitted
@hamzafrontend
Posted
Well done, add padding around the text content.
@joaoxavier-profissional
Submitted
What are you most proud of, and what would you do differently next time?
didn't use any tutorials or guide, remade it just by eye looking, collors may be different (i'm colorblind)
What challenges did you encounter, and how did you overcome them?
i didn't know that you can style the markers of the
What specific areas of your project would you like help with?
last item in the table
@hamzafrontend
Posted
Overall good, use list-style-type: disc; on list, and use color property to change bullet color.
What are you most proud of, and what would you do differently next time?
"The proudest moment for me was actually completing this project with minimal help. To me, that signals that I'm learning and getting better with each challenge I take on."
What challenges did you encounter, and how did you overcome them?
"A challenge I encountered in this project was managing the active state when the user hovered over any of the social link buttons. The selected font color for the buttons was white, but when the cursor is placed over the button, both the button and font colors changed. I took some time to think about the issue, and eventually, I was able to overcome this challenge."
What specific areas of your project would you like help with?
none at the moment
@hamzafrontend
Posted
Good try, keep up the good work.
@abdumehammed
Submitted
What are you most proud of, and what would you do differently next time?
it was a bit difficult but i have managed to solve it eventually
What specific areas of your project would you like help with?
understanding the layout of a webpage specially centering element has been difficult for me to understand
@hamzafrontend
Posted
It looks good, use the box-shadow property in CSS to create a shadow as well, and try to match the border-radius, avatar size, overall good try/
@waniah321
Submitted
@hamzafrontend
Posted
Seems incomplete.
@xStephx
Submitted
@hamzafrontend
Posted
How did you change the logo color to white in the footer?
@tauanecustodio
Submitted
@hamzafrontend
Posted
Did you add any animation as mentioned in README?
@yashpachauri1
Submitted
@hamzafrontend
Posted
Its not responsive for smaller screens.
