image align

• 

  ycarise · Member · Sep 16, 2021 at 11:08 am

  • Copy link
  • Add topic to favorites

  Hello,
  please anyone can tell me what is the code to insert small images centered and aligned horizontally next to each other?

  Thanks, Anna

  The blog I need help with is: (visible only to logged in users)

• 

  deancroyal · Staff · Sep 16, 2021 at 4:17 pm

  • Copy link

  If you are using blocks to create your posts and pages, the most straight-forward solution is to use the Layout Grid block: https://wordpress.com/support/wordpress-editor/blocks/layout-grid-block/

  Take a look at that and let us know if you have any questions about applying that to your site. If you do have questions, be sure to share the page with us that you are working on so we can give you that specific help you need. :)

• 

  ycarise · Member · Sep 20, 2021 at 2:30 pm

  • Copy link

  I used the grid, but as you can see in the image on the desktop the icons are aligned horizontally, while on mobile they are out of phase and horizontally, on the tablet even worse.

  why are they not always seen horizontally?

  screenshot: https://snipboard.io/ruY158.jpg

• 

  staff-blorbo · Staff · Sep 20, 2021 at 6:24 pm

  • Copy link

  That would be how the theme is handling the grid within its constraints on the smaller screen sizes.

  There isn’t a way to adjust that, but it might handle a Columns Block better: https://wordpress.com/support/wordpress-editor/blocks/columns-block/

• 

  ycarise · Member · Sep 21, 2021 at 12:38 pm

  • Copy link

  Thanks a lot!
  I used the columns. the problem of verticalization on mobile is not solved, but at least the icons remain centered on the page.
  better than nothing!

  Thanks :)
  Anna