Design comparison
Solution retrospective
I'm happy that I continued through this and finished it. Next time, I will try to make things as correct as possible.
What challenges did you encounter, and how did you overcome them?My biggest challenge was the size of the img (the illustration mockup). For some reasons the img size was not changing. I put the , which is on the left side of the given design, and text content on the right side in one element and gave it display: flex;
and gap: ;
properties to match the design. And then I tried to resize the img but it was not happening. I tried to gave it width: 60%;
since about 60% of the screen width is covered by the img on the design. But it didn't work.
Then I let it to be of normal size and decrease the size of the text container to match with the design. But still I cannot understand that why the img size was not increasing.
Community feedback
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