It took me the longest time to figure out how to add the white box around the content (the img, and the text).
Is there another way to make the what box around the image other than what I did? I also used <br> to create the text-wrap effect however, agin i'm not sure if thats the way to go about it.
Feed back is very welcome as I am only a week into this and would love to learn the correct process.
To add a white or any kind of internal space to any element you can use "padding" property. Padding also can help to create natural text-wrap. For example if you'll wrap this piece of code in some container (in this example <div class="text">) : "
<div class="text"> <div> Improve your front-end skills by building projects </div> <p> Scan the QR code to visit Frontend mentor and take your coding skill to the next level </p> </div> You can add padding to it in css like this (also dont forget to remove <br>'s) .text{ padding: 0 36px; } This is my first time trying to help someone, hopefully this was a bit helpful