Design comparison
SolutionDesign
Solution retrospective
Hello, there. Please, help me. I can't figure out why my solution is displayed like that. Thank you.
Community feedback
- @mmaazkhanherePosted about 1 year ago
Nice try. First of all I would suggest to divide the whole page into two section using
width :full
for the whole page and then usewidth:50%
for each section. For Image section give properties likewidth full, height full, background-image: cover
andbackground-position: center center
. For the text section, usedisplay:flex
andflex-direction:column
. Give padding and margin to make your solution much better. Best of luck for the futureMarked as helpful1
Please log in to post a comment
Log in with GitHubJoin our Discord community
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