Question: Say I have an array like this:

```
x = [1, 2, 3]
    [4, 5, 6]
    [7, 8, 9]

```

And I want to delete both the ith row and column. So if i=1, I'd create (with 0-indexing):

```
[1, 3]
[7, 9]

```

Is there an easy way of doing this with a one-liner? I know I can call `np.delete()` twice, but that seems a little unclean.

It'd be exactly equivalent to `np.delete(np.delete(x, idx, 0), idx, 1)`, where idx is the index of the row/column pair to delete - it'd just look cleaner.

Answer: 
The issue is in the `grid-row:`. In `box1`, `box2` and `box6` you have the `grid-column-end` as 6 but actually there are only 4. I put a comment infront of those lines.

```css
.wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: minmax(27px, auto);
  grid-gap: .50em;
  justify-items: stretch;
  align-items: stretch;
}

.wrapper>div {
  background: #eee;
  padding: 1em;
}

.wrapper>div {
  background: #ddd;
}

.box1 {
  grid-column: 1/4; /* was grid-column: 1/6 */
  grid-row: 1/4;
}

.box2 {
  grid-column: 1/4; /* was grid-column: 1/6 */
  grid-row: 4/5;
}

.box3 {
  grid-column: 1;
  grid-row: 5/30;
}

.box4 {
  grid-column: 2;
  grid-row: 5/30;
}

.box5 {
  grid-column: 3;
  grid-row: 5/30
}

.box6 {
  grid-column: 1/4; /* was grid-column: 1/6 */
  grid-row: 30/30;
}
```

```html
<div class="wrapper">
  <div class="box box1"> Header</div>
  <div class="box box2"> Nav</div>
  <div class="box box3">Lorem ipsum dolor sit amet. </div>
  <div class="box box4"> Lorem ipsum dolor sit amet. </div>
  <div class="box box5"> Lorem ipsum dolor sit amet. </div>
  <div class="box box6"> footer</div>
</div>
```
Try this:

```css
.center {
    margin: auto;
    width: 50%;
    border: 3px solid green;
    padding: 10px;
}

```

If not then see [this article about centering in CSS.](https://www.w3.org/Style/Examples/007/center.en.html)