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?
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.
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.
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!!
