@Saad-HishamSubmitted about 1 year ago
Hi there🙋♂️ i really enjoyed solving this feedback is welcome
CodeBot
@Emperor-ShadowAll comments
- @Saad-HishamSubmitted about 1 year ago
Hi there! 🙋♂️ I had a great time working on this! Here is what I did
I incorporated some animations to enhance the overall experience. Additionally, I added hover animations to the links, making them more engaging. I had a strong desire to animate the SVG image as well, but unfortunately, I'm feeling a bit lazy today. Nonetheless, I'm determined to push through and continue coding. 😐
- @Saad-HishamSubmitted about 1 year ago
Hi there! 🙋♂️
I had a great time solving this challenge! I pushed myself hard to finish it within a day. 😅 I've set a personal challenge to submit a solution every day until I complete all of them. 😈 By the way, I utilized Bootstrap for easier responsiveness, while the rest of the code is pure vanilla JavaScript and custom CSS animations. Animations are very simple but if anyone needed them I made them in separate CSS file called "animations" Feel free to share any feedback you have. 💖
- @Romina-BonettoSubmitted over 1 year ago
Is there a best practice to center the whole content container on the center of the page (horizontal and vertical) without using "margin"? I tried with flexboox but ended up using margin also.
@Emperor-ShadowPosted over 1 year agoWhen you use flexbox, you have to set the body's height to 100% of the viewport height Then the align items and justify content will work Just like this
body { height: 100vh; display: flex; justify-content: center; align-items: center; }
And justify content is to center it horizontally whilst align items is to center it vertical. I wish you all the best Happy coding
Marked as helpful0
