I’m trying to recreate the image shown above by using logical versions of the margin, border properties etc. I’ve managed to get my code to make the img look almost the exact same as the image shown but the edges of my box don’t relate to the text and I’m not sure how to do that.
I think the answer is maybe using the ‘float’ property and I’ve experimented with it but couldn’t make it work.
The top half is what it’s supposed to look like, the bottom half is what mine currently looks like:
Good news: There is only one wrong word
Bad news: Which one is it???
Hints: There is a problem with the distance between the content and the border. Which property defines this distance? If you got it, think about how the words top , right , bottom , and left get mapped to logical properties and see where this mapping is wrong.
If those hints are too cryptic feel free to ask again. I just didn’t want to spoil the fun
