@ratul0407
Posted
@GGSWEngineer congrats on completing this challenge🎉🎉
You're solution looks great. But there are some problems to tackle first, I see people doing this mistake all the time and then run into issues and you've done the same. Don't set the height and width of the parent explicitly. Let the children decide the parents width and height. Height is a dangerous property to set. It can cause many problems to your site. You've set height and width to your .container
. If you need to set a width on something than I prefer you should use max-width
. Only if something is really simple enough that will never cause any problems whatsoever than you can consider using width
. But always try to avoid using height
.
There are some properties that is making your entire page to overflow. In the mobile view the entire form and all the texts are overflowing the page, so is on the desktop. Tweak with font-sizes and add different colors of border to different elements of the page to find out the real culprit that is causing the overflow. And then fix the overflow issue.
I hope this was helpful for you👍👍
Have a good day🙂🙂
Marked as helpful