Saad Hisham• 1,750
@Saad-Hisham
Submitted
Hi there🙋♂️ i really enjoyed solving this feedback is welcome
CodeBot
@Emperor-Shadow
All comments
- CodeBot• 200
@Emperor-Shadow
Posted
Amazing as always
1 - Saad Hisham• 1,750
@Saad-Hisham
Submitted
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. 😐
CodeBot• 200@Emperor-Shadow
Posted
cool man. cool
1 - Saad Hisham• 1,750
@Saad-Hisham
Submitted
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. 💖
CodeBot• 200@Emperor-Shadow
Posted
fucking lovely. i love this
2 - Romina Bonetto• 20
@Romina-Bonetto
Submitted
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.
CodeBot• 200@Emperor-Shadow
Posted
When 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 helpful
0
