Left align hero columns text
Open
Nobody has claimed this yet.
design
discussion
- Dominant language
- HTML
- Stars
- 336
- Forks
- 63
- Avg merge
- 12h
- Merged PRs (30d)
- 8
Description
Hell there, the website looks great IMO.
I think the readability of the text in the 3 columns would be a bit better left aligned, and with a tad larger padding:
Here are the changes made:
/* style.css | https://tc39.github.io/beta/assets/css/style.css?v=b97ac5f8ca15096781e40c39dd5bf090b3a13e20 */
@media (min-width: 920px) {
/* .main-content .intro { */
.main-content .intro h2 {
/* text-align: center; */
}
}
.intro [class*="g-col-"] {
/* padding: 0 20px; */
padding: 0 25px;
}
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Inspect assets/css/style.css, especially the desktop .main-content .intro heading rule and the .intro grid-column padding. Verify the hero columns use left-aligned text and the larger padding shown in the issue, then check the website at desktop width to confirm the layout remains readable.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, html
- Domain
- design, frontend
- Issue type
- Feature
- Difficulty
- 1/5
- Estimated time
- Under an hour
- Activity status
- Stale
- Clarity
- Clearly specified
- Newbie friendliness
- 45/100