How can I remove the border from grid | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 1

How can I remove the border from grid

If I work with grid on css I have always a border. How can I remove this border. I test it with "border-style: none" but the border still every there. Thanks ever before

22nd May 2018, 8:32 PM
Henry Steinhauer
Henry Steinhauer - avatar
5 Answers
+ 3
Add on top of your css before everything else: body { margin: 0; } this will work, I tested it.
22nd May 2018, 9:05 PM
James Brown
+ 2
Try: "margin: 0;"
22nd May 2018, 8:52 PM
James Brown
22nd May 2018, 8:57 PM
Henry Steinhauer
Henry Steinhauer - avatar
+ 1
thanks James and Donna that was really helpful ;-D
22nd May 2018, 9:09 PM
Henry Steinhauer
Henry Steinhauer - avatar
0
The part from my css code where I make the structure: .body{ display: grid; width: 100%; grid-template-rows: 20% 20% 20% 20% 20%; grid-template-columns: 20% 20% 20% 20% 20%; border-style: none; } .header{ grid-column-start: 1; grid-column-end: 6; } .informationsStructure{ grid-column-start: 1; grid-column-end: 6; padding-left: 5%; padding-right: 5%; } .Course{ grid-column-start: 1; grid-column-end: 6; padding-left: 5%; padding-right: 2%; }
22nd May 2018, 8:39 PM
Henry Steinhauer
Henry Steinhauer - avatar