Centering in a Layout Grid
Posted: Wed Oct 12, 2022 2:14 pm
I understand about basic centering for layout grids and various breakpoints. My problem comes when attempting to center a YouTube video or Paypal shopping cart button when the page reduces in size to a mobile version, such as a 320 breakpoint.
Here's an example: https://www.hawkmtn.com/fta/chronicles.html
The video is centered in the layout grid for both of the higher breakpoints; however, when it's reduced to the mobile version, the videos don't center themselves. Is there something in the html coding I should be doing to make this happen?
Another example: https://www.hawkmtn.com/fta/apparel.html
The shopping cart buttons from Paypal don't center themselves in the mobile version with 320 breakpoint. Again, would be there some type of coding or something I'm missing in order to center these items inside the layout grid?
I thank you for any help you may give me on this, as I've exhausted all the help articles and still can't find a solution.
Jan -
Here's an example: https://www.hawkmtn.com/fta/chronicles.html
The video is centered in the layout grid for both of the higher breakpoints; however, when it's reduced to the mobile version, the videos don't center themselves. Is there something in the html coding I should be doing to make this happen?
Another example: https://www.hawkmtn.com/fta/apparel.html
The shopping cart buttons from Paypal don't center themselves in the mobile version with 320 breakpoint. Again, would be there some type of coding or something I'm missing in order to center these items inside the layout grid?
I thank you for any help you may give me on this, as I've exhausted all the help articles and still can't find a solution.
Jan -