Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Разрыв сетки #8

Closed
pafnuty opened this issue May 14, 2019 · 0 comments
Closed

Разрыв сетки #8

pafnuty opened this issue May 14, 2019 · 0 comments
Assignees

Comments

@pafnuty
Copy link
Owner

pafnuty commented May 14, 2019

Интересная идея с разрывом колонок и строк:
https://tobiasahlin.com/blog/flexbox-break-to-new-row/

.break {
  flex-basis: 100%;
  height: 0;
}
.break-column {
  flex-basis: 100%;
  width: 0;
}
<div class="item">...</div>
<div class="break"></div> <!-- break to a new row -->
<div class="item">...</div>

---------------

<div class="item-column">...</div>
<div class="break-column"></div> <!-- break to a new col -->
<div class="item-column">...</div>
@pafnuty pafnuty self-assigned this May 14, 2019
pafnuty added a commit that referenced this issue Aug 21, 2020
- Implemented #8, add `.row-break` and `.col-break` classes, inspired by https://tobiasahlin.com/blog/flexbox-break-to-new-row/
pafnuty added a commit that referenced this issue Aug 21, 2020
@pafnuty pafnuty closed this as completed Aug 21, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant