I used grid, @media and two form of align the content.

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.

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.