Jump to content

Flatiron - Is full-width image block possible?

Recommended Posts

  • Replies 3
  • Views 774
  • Created
  • Last Reply

Top Posters In This Topic

  • 2 years later...

ScreenShot2023-03-03at12_23_53AM.thumb.png.9c5df20efba502fd469f98e8ee6a933b.pngScreenShot2023-03-03at12_24_00AM.thumb.png.c38275dc4ae464dd0009dced4778f345.pngHi guys! I have these rows of images (3 images per row) made into one jpeg. I'm looking for a way that they will stay the full width of the screen when expanded in a larger display. Right now it puts the images into two columns and looks hectic. I have 2 other codes in my Home->design->CSS -- one removing "share" button and one removing the hover "view".

Know what I'm doing wrong? Would love to add this ability to my site:) ! site is:  www.haleysaunders.com

Appreciate any help!

Edited by h_bales
Link to comment
On 3/3/2023 at 3:25 PM, h_bales said:

ScreenShot2023-03-03at12_23_53AM.thumb.png.9c5df20efba502fd469f98e8ee6a933b.pngScreenShot2023-03-03at12_24_00AM.thumb.png.c38275dc4ae464dd0009dced4778f345.pngHi guys! I have these rows of images (3 images per row) made into one jpeg. I'm looking for a way that they will stay the full width of the screen when expanded in a larger display. Right now it puts the images into two columns and looks hectic. I have 2 other codes in my Home->design->CSS -- one removing "share" button and one removing the hover "view".

Know what I'm doing wrong? Would love to add this ability to my site:) ! site is:  www.haleysaunders.com

Appreciate any help!

I see you solved with this code?

@media screen and (min-width: 1200px) {
    div#grid {
        height:auto !important
    }

    #grid .item {
        position: relative !important;
        transform: unset !important;
        top: unset !important;
        left: unset !important;
        width: 100% !important;
        height: auto !important
    }
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • 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.