@Deeokafor
@Temitope15
Submitted
While building the project, I tried to center the card div using flexbox, but it was not responding. I gave the parent container a display flex property, align items center and justify content center property. I'm I missing out something? Nonetheless, i used the transform : translate() function to center it eventually. How do you think I can refactor my code using the flexbox model?
@Deeokafor
Posted
Hello Temitope, I just checked out your project, nice try, keep pushing. I would want to point out a few things.
To centre the card, you must first ensure that the parent div takes up the full height and width of your viewport like say 100vw and 100vh. Then, applying Flexbox, aligning and justify items/content might produce the desired effect.
Try to stick to the fonts provided for you in the style-guide.md. They can be mostly found on google fonts.
Play with opacity to find the best fit for each design you find it in.
Marked as helpful
@dariuss1123
Submitted
This is my take for this challenge. I've used HTML, CSS and JavScript. I used random numbers for the values but i didn't managed to link the button. Any suggestions for this or anything else are welcome. Also i used media query for the mobile version using a mobile-first approach.
@Deeokafor
Posted
Hello Busca Darius, you are doing good. I would want to point out that your drop shadow or box shadow which should surround the card isn't apparent thereby making the card not so distinct from the background. It would be nice if you could effect that to deliver a top-notch project.
Keep Pushing!!
Marked as helpful
