Skip to content

Commit

Permalink
Code style: Fix markdown table alignment (#94736)
Browse files Browse the repository at this point in the history
  • Loading branch information
rafaelgallani authored Sep 19, 2024
1 parent ef26a9f commit 4851662
Showing 1 changed file with 4 additions and 2 deletions.
6 changes: 4 additions & 2 deletions client/components/masonry-grid/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@
It's not as full-featured as the real Masonry library, but it's considerably more lightweight and circumvents the browser bugs that [CSS multi-column layout](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_multicol_layout) is still plagued by. The approach is to use CSS Grid layout combined with negative top margins.

## Usage

```jsx
import { MasonryGrid } from 'calypso/components/masonry-grid';

Expand All @@ -21,6 +22,7 @@ export default function MyComponent() {
```

By default it renders 2 columns, but you can easily customize it with the help of CSS. e.g.

```
.masonry-grid-example {
@include break-medium {
Expand All @@ -37,6 +39,6 @@ By default it renders 2 columns, but you can easily customize it with the help o

The following props can be passed to the `<SpinnerLine />` component:

| property | type | required | default | comment |
| ----------- | ------ | -------- | ------- | ---------------------------------------------------------------------------------------------------- |
| property | type | required | default | comment |
| ----------- | ------ | -------- | ------- | ------------------------------------------------------------------------------------------------------------- |
| `className` | String | no | `null` | A custom class name to apply to the rendered element, in addition to the base `.masonry-grid__wrapper` class. |

0 comments on commit 4851662

Please sign in to comment.