Issue with Implementing Jumping Masonry-Style Layout in CSS
CSS Grid & Flexbox
Hey everyone, I'm struggling to achieve a masonry-style layout where grid items can rise up and fill in the gaps left by varying item heights. See added screenshots. Here's the breakdown:
Problem: I've been trying to create a responsive layout where the grid items move up to fill in the empty spaces above them, much like a masonry layout. However, neither Flexbox with flex-wrap nor CSS Grid with grid-auto-flow: dense are working as expected.
...
My CSS don't run properly?
as you can see my css path here is good but when i run it in my browser my website doesn't have any css beside bootstraps
is there a problem in my pathing or is it somewhere else?...
Grid layout system for 1300px
Hello, I have to create a design system based on a mockup that follows a grid. Designers provide a mockup for the widest desktop format at 1440 pixels (container 1300px 12 columns), and a mobile.
For the example i talk about the desktop grid.
Currently, I'm using the same structure but without a grid system, based on flexbox. To adhere to the mockup, I take a block with a fixed pixel value, then set the others as auto flex (depending on the section, of course).
...
Best practice for semantic/accessible side menu
I'm planning new functionality for a site and before I start, I want to get the HTML structure right in my mind first. But as I plan this out, I find that I'm not totally sure whether what I'm doing is indeed best practice use of semantic elements and aria attributes.
I've attached the basic wireframe and my intended code structure, with the rationale underneath. I'm first examining the structure of the final HTML, rather than the script needed to handle the interactions. I'm very open to different viewpoints and feedback 🙂...
I've attached the basic wireframe and my intended code structure, with the rationale underneath. I'm first examining the structure of the final HTML, rather than the script needed to handle the interactions. I'm very open to different viewpoints and feedback 🙂...
How to generate this using css
i have tried setting border radius to : border-radius: 48% 48% 0% 0% / 10% 9% 10% 10%; but i am not able to match exact and does look right, the ends are not sharp in mine. codepen would be helpful 🙂
Font height causing uneven buttons…
This design is using the Adobe font organetto-variable. Which is fine, however it does have some odd spacing on the bottom which makes the top and bottom spacing look uneven.
I've been playing with line-height and block padding to no avail.
Is there a css property I am forgetting to remove the spacing with predictable results?...
why {}+[] returns 0?
I was scrolling up the memes channel and saw the meme bellow, I understood almost every weird syntax but… I am unable to understand two of them: why {}+[] returns 0 and why (!+[]+[]+![]).length returns 9?
