Topics

Kevin Powell - Community•3w ago

How to add Gap to Grid Elements that are "Display: Contents:

I'm trying to have the team sections separated by a few px but im struggling with the current structure of my setup. Do I need to change my HTML to achieve what i'm looking for? I was using the display:contents on the team section so that i could put a team background image in each section. https://codepen.io/tvu1313/pen/NWVyXGE

CodePen

...

3 Replies

Mannix•3w ago

you can use subgrid https://codepen.io/MannixMD/pen/qBGxoxE

Jochem•3w ago

that looks a hell of a lot like tabular data and should probably be in a table tag

WithMyTes…•3w ago

Thank you! It currently is on my site but I hate the level of flexibility when the screen sizes get smaller

Kevin Powell - Community Join

A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.

34KMembers

View on Discord

Want results from more Discord servers?

Add your server

More Posts

infinite scrollHi guys, I'm facing a problem with react-infinite-scroll-component. When I scroll to the bottom the Figma / SVG Mask Path ChangeMy designer gave me this from Figma, and I'm really perplexed. The image of the person is contained animations - hamburger menuHey, So I’m pretty new to this stuff. I watched the video on hamburger menu animations. Is there an are these colors schemes bad - how can i make the message box layout look betterperhaps changing the font will do?Replicating Kevin's Pen With A Different LayoutI am trying to visually replicate https://codepen.io/kevinpowell/pen/GrLKNo by doing https://codepe Centering with marginWhy does `margin: auto` only center horizontally? how is the browser not able to calculate the verti CSS Container Queries not workingI was going over the bare basics of container queries in CSS and I was not able to get the colour pa How to Integrate webengage in nextjs appI used WebEngage for tracking users. In React, I pasted the code in index.html under the head tag an