I am trying to position two div boxes side by side in a row. I am using the flex property to do that and its not working for me
Each div box has a different background image and text inside and the images are somehow being put separately from their text. The div boxes are in a section with id #mainbox. I am frustrated. I tried making the boxes eqaul qidth but to no avail.
Okay, so it looks like the div tags themselves are fine. They are the same width as one another and the text is in the same place in each box, so I am almost positive that your flex property is also doing what it should. Your .box2 paragraph tag isn’t closed, by the way.
The only thing I can think that might be wrong are the images themselves.
Try playing around with the width and placement of those and see if that fixes anything.
If that doesn’t work, try creating a table, instead of div and flex property, and force the images to cooperate that way.