Change:
~This is Support~ In the , i am able to see under Kubernetes Documentation. Respective tiled content buttons are aligned respective the content length or size. As a user , i would like to see them aligned as a bordered tile content with buttons are aligned look like a row irrespective of tile content length. This improves the user experience Please let me know if drawings are needed to understand.So that i can take a capture of it and attach.
/area web-development /kind cleanup a mockup would be useful
/priority awaiting-more-evidence (adjust this once the discussion has made it clear)
- PFA.It is screenshot of button aligned.I have the tile border which is not the primary objective though(Just to border line the content) ! Hope this mockup helps.
/remove-priority awaiting-more-evidence /priority backlog
Issues go stale after 90d of inactivity. Mark the issue as fresh with . Stale issues rot after an additional 30d of inactivity and eventually close. If this issue is safe to close now please do so with . Send feedback to sig-testing, kubernetes/test-infra and/or . /lifecycle stale
Stale issues rot after 30d of inactivity. Mark the issue as fresh with . Rotten issues close after an additional 30d of inactivity. If this issue is safe to close now please do so with . Send feedback to sig-testing, kubernetes/test-infra and/or . /lifecycle rotten
Rotten issues close after 30d of inactivity. Reopen the issue with . Mark the issue as fresh with . Send feedback to sig-contributor-experience at . /close
Closing this issue. <detailsIn response to : Rotten issues close after 30d of inactivity. Reopen the issue with . Mark the issue as fresh with . /close Instructions for interacting with me using PR comments are available . If you have questions or suggestions related to my behavior, please file an issue against the repository. </details
/reopen /lifecycle frozen /retitle Poor alignment between tiles and buttons on home page for docs
Reopened this issue. <detailsIn response to : /reopen /lifecycle frozen /retitle Poor alignment between tiles and buttons on home page for docs Instructions for interacting with me using PR comments are available . If you have questions or suggestions related to my behavior, please file an issue against the repository. </details
/remove-kind cleanup /triage accepted

Discussion:
/* DOCS */ .launch-cards { <del> button { cursor: pointer; box-sizing: border-box; background: none; margin: 0; border: 0; } </del> <ins> padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); row-gap: 1em; .launch-card { display: flex; padding: 0 30px 0 0; .card-content{ width: fit-content; display: flex; flex-direction: column; margin: 0; row-gap: 1em; h2 { font-size: 1.75em; padding: 0.5em 0; margin: 0; a { display: none; } } p { margin: 0; } ul { list-style: none; height: fit-content; line-height: 1.6; padding: 0; margin-block-end: auto; } br { display: none; } button { height: min-content; width: auto; padding: .5em 1em; cursor: pointer; box-sizing: border-box; } } } </ins> <del> ul, li { list-style: none; padding-left: 0; } </del> <ins> @media only screen and (max-width: 1000px) { grid-template-columns: 1fr; .launch-card { width: 100%; } } </ins> } // table of contents .td-toc { padding-top: 1.5rem !important;

{{ range .Params.cards }} <div class="launch-card"> <ins> <div class="card-content"> </ins> <h2 id="{{ replace .title " " "-" | lower }}">{{ .title }}</h2> <p>{{ .description }}</p> <ul>

<br> <br> {{ end }} <ins> </div> </ins> </div> {{ end }}  No newline at end of file