Hello, everyone!
This one gave a challenge with the purple tint in the background image but I was able to find a solution.
Also had issues with styling my stats div but was also able to come up with a solution.
Any feedback is appreciated since I still have a lot to learn.
EDIT: I have no idea why my screenshot looks weird here in Front End Mentor. EDIT 2: I have solved the issue with the screenshot thanks to some feedback from here.
@hyrongennike
Posted
Hi @CharlieeLuna23,
Congrats on completing the challenge, the stats are currently overflowing outside of it's parent container remove the height: 45vh on the .main-card don't set a fixed height unless there's a good reason the height will be determined by the content, padding, margin etc.
@CharlieeLuna23
Posted
@hyrongennike Thanks, I will go ahead and look into that. It's just that everywhere else looks good but here.
@thisisharsh7
Posted
Hey CharlieeLuna, well done! Although your solution looks nice, there is one improvement that could be made so that the stats container does not go outside the main container, that is, by removing padding from .information-div{ padding: 70px; } and set-height from .main-card{ height: 45vh;}.
I hope you find this useful..
@CharlieeLuna23
Posted
@thisisharsh7 Thanks, will go ahead and try that!
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord
