@Kamlesh0007
Posted
no its not neccessary to use data.json file in this challenge it will uneccessary consume time
Marked as helpful
@samieyong
Posted
@Kamlesh0007 Ok. thanks
I couldn't use the data.json file to add the results and total score dynamically because I don't know how to do it. I would like to learn how to do it. Any feedback on this would be really appreciated.
@Kamlesh0007
Posted
no its not neccessary to use data.json file in this challenge it will uneccessary consume time
Marked as helpful
@samieyong
Posted
@Kamlesh0007 Ok. thanks
@0xabdulkhaliq
Posted
Hello there π. Congratulations on successfully completing the challenge! π
CSS π¨:
margin
or padding
.margin
and padding
to center the component both horizontally & vertically. Because using margin
or padding
will not dynamical centers our component at all statesFlexbox
or Grid
layout. You can read more about centering in CSS here π.Grid
to center the component.body {
min-height: 100vh;
display: grid;
place-items: center;
}
main {
margin: 5rem 0rem 2rem 0rem;
}
.
I hope you find this helpful π Above all, the solution you submitted is great !
Happy coding!
Marked as helpful
@samieyong
Posted
@0xAbdulKhalid Wow, thanks a lot. Just implemented it. I never knew it was that easy to center components without having problem while trying to make it responsive. π
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