Favour Uche3,398 Points
the third picture on my portfolio on mobile version is not stacked correctly
after adding the view port tag, I tried opening the website in my phone but the third picture on my portfolio is moved to the far right . so it is supposed to be 2 pictures side to side but in the second row, it has only one picture because the third picture is pushed on the far right. Can anyone help me with this please :(
Jonathan GrieveTreehouse Moderator 85,479 Points
I'd probably need to see the HTML, or a link to somewhere where you have published the code you've done so far. But if the images are being pushed to new rows etc then it's probably because the browser doesn't have enough space on the screen to display them where you want.
Remember each element on the DOM has to account for border width, margin space, padding space as well as the space of the element itself.
What I tend to do at times like this is to open the browsers DevTools, examine the elements and test the width values that will display the elements properly.
Hoping this helps you.