@caroblahblah You're almost certainly placing your three logo images side by side with different alignments to keep them reasonably close to one another. This is one of those areas where Weebly's drag-and-drop into columns content arrangement is not helpful (another example of this is when you wish to place two buttons side by side - again, using Weebly columns produces fairly terrible results when you change the screen size).
In your case, you'll want to upload your three images to your site's Assets folder and then reference them using html. This is actually not hard to do even if you can't spell "html."
- Upload your image files to the Assets folder: In the Site Editor, click Theme then click the "Edit HTML/CSS" button at the bottom of the left-hand sidebar.
- Scroll down the left-hand sidebar of the Code Editor until you see the "Assets" label. To the immediate right of that will be a "+" sign - click that and select "Upload file(s)" and then browse to the location on your hard drive where your files are (you can select all three in one go). Click the "Open" button in the file browser dialog to upload your files. Click the blue "Save" button in the upper-right corner of the page to return to the Site Editor.
- Drag a code element to the location where you'd like your images. Insert the code below. The "Edit HTML" dialog additionally allows you to change the justification of whatever you code so change this from the default left-justification to center-justification.
<img src="/files/theme/logo-ms365.jpg" style="max-height:100px;margin:0 5px;" alt="Microsoft 365 Certified">
<img src="/files/theme/logo-imdb.jpg" style="max-height:100px;margin:0 5px;" alt="IMDb" >
<img src="/files/theme/logo-dante.jpg" style="max-height:100px;margin:0 5px;" alt="Dante Certified">
Of course, you'll change the image filenames from those above (e.g., logo-ms365.jpg) to the filenames you actually use for each image. The style attributes set the maximum height of each image to 100 pixels each. Change this to a height that makes sense for your logo images (the image widths will automatically scale to the indicated height). Note that you could also switch this attribute to "max-width" in which case the height will auto-scale. It's your choice depending on how you want the image stack to visually appear. The margin attribute will add left and right margins to each image in the amount of 5 pixels. Change this depending on how far apart you'd like the images.
Generally speaking, a horizontal logo stack like this typically has smaller images that don't need to wrap on mobile screens so you don't have to add any additional code to handle image wrapping in this case (the logos should remain in a horizontal stack even on your phone screen).
