I stumbled upon a cool mini-coding project on UIverse's website and decided to tackle it. Even though I couldn't fly to Space, I was able to experience the thrill of success after completing the challenge. Join me in reminiscing my triumphs and struggles while I worked on the project. Grab a snack and let's get started!
For the HTML, I surrounded my button intags to make it easier to add a background image in the body. This allowed me to create a cohesive, space-themed design for the entire page. For the CSS, I initially planned on using the positioning property to center the button, but it was difficult to get right. Instead, I chose to use Flexbox, which made it simpler to control the layout and spacing of my button.
One of the biggest takeaways from this project was learning how to center a div with FlexBox, which I can now add to my list of superpowers (move over, Batman). Another valuable lesson I learned was that it's okay to ask for help when you need it. Athena was a lifesaver and kept me from spiraling down a black hole of endless frustration. And let's be honest, sometimes we all need a little help from our coding friends (or enemies, if we're feeling particularly villainous like Harley Quinn).
Overall, this challenge was a blast (off). It was exciting to create a space-themed button that would make any astronaut proud. I highly recommend doing this challenge if you're looking for projects to do. Also, follow me on Hashnode via the link on top of this post and my other socials on Linkfree if you need more inspiration and encouragement. Till then, happy coding! 😀
Harley Quinn Lol GIF by DC Comics
Photo by NASA on Unsplash
Take Off Space GIF by Walt Disney Studios
That's All Folks Profile GIF by notoverthehill.com