@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
100vwand100vh. 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
@Temitope15
Posted
@Deeokafor thank you so much for these reviews, I will refactor my code and keep you posted. Thank you so much for your time
@Temitope15
Posted
I have updated my code base now, check it out:
I had to use the overflow : hidden property in my css because the 100vh and 100vw I applied made the page to flicker. I tried removing the padding and margin in the formatter '*{what i want to format}" but it was still flickering. so the overflow:hidden helped me remove it. Is there a way I can make it not to flicker without using the overflow : hidden property?
@Deeokafor
Posted
@Temitope15 how do you mean flicker??
@Temitope15
Posted
@Deeokafor when the overflow-x is showing. Which means the width is more than 100%, so the webpage will have to expand, which will cause users to scroll left and right to see contents in the webpage.
