Jump to content

Aligning Images with text regardless of window size

Recommended Posts

Posted

Site URL: http://torchglow.video

PW: T0rchgl0w

I'm having trouble getting some images to align and stay aligned with text in a 'list' section. It only looks correct when the window is a certain size, but the images get skewed left or right depending on the size of the window. I've attached screen shots of desktop vs mobile.

I added the images via code block and have css resizing and positioning them. Here is an example:

Code:

<img src="https://static1.squarespace.com/static/6016ebcd5d14073e2249cdd0/t/606241f5836efb696e849bc5/1617052149712/fuel_icon.png">

CSS:

/*fuel*/
#block-yui_3_17_2_1_1617052003349_6358
{width: 73px;
 position: relative;
  left: 40%;

}

Thank you!

 

 

Screen Shot 2021-03-30 at 3.04.00 PM.png

Screen Shot 2021-03-30 at 3.03.50 PM.png

  • 3 weeks later...
  • Replies 3
  • Views 653
  • Created
  • Last Reply
  • 3 weeks later...

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.