# \#layout
**URL:** https://community.penpot.app/tag/layout/131.md
[Latest](https://community.penpot.app/latest.md) · [Categories](https://community.penpot.app/categories.md) · [Tags](https://community.penpot.app/tags.md)
---
## [Text areas resize weirdly in component instances](https://community.penpot.app/t/text-areas-resize-weirdly-in-component-instances/10752)
**Author:** [@Arvid](https://community.penpot.app/u/Arvid)\
**Replies:** 1\
**Last updated:** [July 24, 2026, 7:19am UTC](https://community.penpot.app/t/text-areas-resize-weirdly-in-component-instances/10752 "2026-07-24T07:19:39Z")
I have a button component that should resize depending on entered text, however things do not quite work as smoothly as I would imagine they would. Here is a recording: The component structure is as following: Layout…
---
## [Where is "align-items: stretch" css property?](https://community.penpot.app/t/where-is-align-items-stretch-css-property/10322)
**Author:** [@Milleras](https://community.penpot.app/u/Milleras)\
**Replies:** 0\
**Last updated:** [February 11, 2026, 4:30pm UTC](https://community.penpot.app/t/where-is-align-items-stretch-css-property/10322 "2026-02-11T16:30:50Z")
Hello everyone, In a flexbox container, I want to apply the align-items: stretch property, but I can’t find it. I only see start, center, and end. Has it already been implemented? Thank you in advance,
---
## [Improvement of the “Grid layout”](https://community.penpot.app/t/improvement-of-the-grid-layout/10229)
**Author:** [@steveoriol](https://community.penpot.app/u/steveoriol)\
**Replies:** 5\
**Last updated:** [January 16, 2026, 5:57pm UTC](https://community.penpot.app/t/improvement-of-the-grid-layout/10229 "2026-01-16T17:57:11Z")
It would be great if the “Grid layout” allowed manual creation of grid areas so that overlapping and superimposed areas could be created to achieve powerful and responsive superimposition effects without using “absolute”…