Ebube Amadi• 130
@ebubz-dev
Posted
@Jose Mama you should set the grid-template-row to repeat(5, 1fr);
Marked as helpful
0
Design comparison
Solution retrospective
What are you most proud of, and what would you do differently next time?
this is my first attempt at css Grid.. and i am proud of the outcome ..tho not a hundred id be looking forward to all the help that i can get to improve this project.
What challenges did you encounter, and how did you overcome them?
I did face a lot of challenges as i am not able to put all the items at cross positions. making use of all the grid properties, how to implement them .. quite a lot!.. in my last project is spoke on not being able to implement google or external fonts.. im glad i made a difference with this!
What specific areas of your project would you like help with?
there are spaces there and i cant say holw that happened .... i havent figured how to place items at cross position... any help would be welcomed
Community feedback
MikDra1• 5,950
@MikDra1
Posted
Nice one 😀
If you are curious how you can do this straight lines on the top of each card here is my tip:
Create another element in each of the cards. Then position this element absolute. Card should be positioned relative. At the end you need to give this element a height of 3px width of 100% and top 0 and left 0. You can also use ::after or ::before pseudo elements to create these.
Hope you found this comment helpful 💗
Good job and keep going 😁😊😉
0
Ebube Amadi• 130
@ebubz-dev
Posted
@MikDra1 or you can just set the border-top: of each element and choose the color and size
0
P
praistyles• 90
@praistyles
Posted
n/a
0
José Mama• 150
@codesByJose
Posted
sir???@praistyles
0
Please log in to post a comment
Log in with GitHub
Join 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