Every time I upload a picture for the Bridal Party page, depending on the size of the pic, the picture is huge. So I click on image info and change the height and width. But then that stretches some pictures or makes them look distorted. How can I make them all in the same size squares without distorting them (similar to the demo website). Thanks!

Try using your arrow keys in one of the boxes to make the picture smaller (takes time depending on how big the photos are). When you use your arrow keys, it keeps the photo equal distribution so you don't get the stretch issue.

I went by the size of the one pic that looked normal when I uploaded it and use that smae height and width for the others, it work fine, some I had to adjust the height but I use the same width for all

I didn't re-size the pics, but I did crop them first. I used Windows Photo Gallery option "crop to size" to crop them to squares so they were all the same aspect ratio. I then inserted them in the bridal party page and sized them all 100x100. Here is my website if you wanna see how it ended up.

Where is the breakpoint html code to add a space in between bridesmaids and groomsmen just like dragonfly726 has on her link in between bridesmaids, flower girls, ushers etc.... . I keep playing with it and I'm not getting it!

When you add the wedding party page, it gives you a title and table. I used the original title/table for our bridesmaids. Then, I copied/pasted the whole thing below and just changed all of the info for the flower girls. I repeated that step for our groomsmen, ring bearers, and ushers.