I used grid, @media and two form of align the content.
Design comparison
Solution retrospective
My first difficulty was align the dice and circle in the middle of the card. Then I learned two different ways to align content. The first one using grid/flex and the another was using margin( left/right) and the position.
Community feedback
- @zineb-BouPosted over 2 years ago
Hi there, congratulation for completing your first challenge here π, keep going, you gonna learn a lot by completing different challenges πͺ
- I noticed that you are not making an API request to fetch data, if this still a bit challenging for you, I recommend starting with challenges that can be done only by HTML, CSS, and a bit of js there are plenty of them here.
- The dice element itβs a button so itβs better to use the
<button>
tag. Take the habit of using the right HTML semantic elements for the right purpose. - Also as mentioned before, use GitHub to submit your solutions
Good luck.
Marked as helpful1 - @pedrohsouzaPosted over 2 years ago
You could use GitHub pages instead of Codepen for deploy. On your project repository go to settings > pages > source and choose the branch you'd like to deploy (normally main) and save, then GitHub will automatically do the job for you.
0@VarnerDamascenoJrPosted over 2 years ago@pedrohsouza Thanks, This was my first challege here.
1
Please log in to post a comment
Log in with GitHubJoin 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