Results 1 to 13 of 13
Thread: CSS Grid Problem
Sep 24, 2012, 06:36 #1
- Join Date
- Sep 2012
- 0 Post(s)
- 0 Thread(s)
CSS Grid Problem
I noticed there are many experts on this forum so I joined to hopefully learn some tricks and get some help
I am a beginner studying CSS.
I have a grid layout that I need to replicate exactly which is attached to this post.
I cannot seem to figure out how to make it in CSS. Every square needs to be a separate div because they need to be colored later.
- Problem 1 - I have no idea on why when I create a div square and all the light grey border that it doubles on top and bottom. The Border is suppose to be 10 px and the squares are 200 x 180 px. But between the top and middle, middle and bottom squares the border doubles to 20 px.
- Problem 2 - I cant seem to float the squares right so that it has the correct spacing between the lines of vertical squares. I have probably spent a good few hours and there seems to be no hope for me.
Any help on this would be greatly appreciated and I am excited to learn some things from you guys!