Streaming live at 10am (PST)

New CSS Grid icon obstructs view of child elements


#1

I am LOVING this new grid. My only issue so far is the edit grid button is obstructing my view of the elements within the grid. See it here…

Perhaps this edit icon could appear just to the right outer side of the grid so when I’m working on the grid (which is the only time the icon appears) it does not block the view of what is getting worked on.

Again, loving the grid and thank you.

Cheers,
Christopher


#2

53%20PM


#3

Thanks for the feedback @seetravers! We’ll be exploring some improvements we can make here.


#4

We just shipped an update to the UI. Let us know if it helps your case!


#5

Thanks for the speedy fix. I’m not sure anything changed other than the color, though:

50%20PM

Although, the cell in question is bigger than I had it in the prior design so you may have set a rule surrounding cell size.


#6

Tested it and that doesn’t seem to be the case

36%20PM


#7

We made it smaller and moved it closer to the edge of the container to minimize overlap of content. It should help with most cases. :slight_smile:


#8

As for the grid track sizing, you can set 1FR for it to be flexible (good for text) and Auto for it to fit the content (good for images/icons)


#9

Ahh yes, I see that wonderful detail now :slight_smile: Thank you for the tip, I’ll give it a shot on my next project. And thank you for engaging.

Check out how I used it here: golight.webflow.io

Edit: for this purpose https://www.linkedin.com/pulse/tech-giants-could-put-dent-societys-traffic-problem-today-travers/


#10