I am using subgrid to create card with even spacing. For some reason card adds lot of space between elements and space is different in FF and Chrome. Below is the code based on this tutorial. .wrapper{ margin:0; display:grid; grid-template-columns:repeat(auto-fit,…
remove the the highlighted part so i was making a basic profile webpage with and css, but now i am facing a problem. there is a large space b/w the div of class=".item", even though i have not given any.…
Follow up from Add Rows to grid layout via d3 With the following snippet I can now add data as rows in a grid layout. However, as you can see, d3 adds first all cell1 then all cell2 and eventually…
this is my first post on Stackoverflow. I am a complete beginner and watching this video on "Html/CSS by SuperSimpleDev". So I am making a clone of YouTube home page. The tutorial by SuperSimpleDev used "grid-template-columns: 1fr 1fr 1fr" to…
I'm using TailwindCSS to make some grid based layouts. I've a grid which has 100 rows and 100 columns (extended the default tailwind config) As you can see from the Tailwind Play, the last grid's height is more than it…
I'm learning CSS now and I'm struggling to get it to work the way I want and I can't figure out why, here is the code: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Test</title> <style> body…
Am I doing something wrong that the css grid command is not scaling the items in my grid? I must be misinterpreting how the minmax value works. .grid { display: grid; align-content: center; justify-content: center; /* flex-shrink: 0; */ grid-template-columns:…
I'm facing unexpected gaps when building embedded css grids. The layout is made of cards (3 cards per row) and each card sub-elements (orange / grey / black into my example) have to be aligned between each other (into the…
I want to create this template using grid: I am new to grid I don't know the properties and how to use it wisely to create this template I am worked on flex properties but I am not getting how…
I am trying to create a simple board game UI using css grid. I assumed this would be the perfect tool for the purpose however I am not able to achieve the desired results, namely: 1 - The tiles will…