carbynestack / carbynestack/carbynestack.github.io

Align stylesheet for home and subpages

Open
#53 2 comments 0 reactions 0 assignees View on GitHub
kind/bug lifecycle/frozen priority/backlog triage/accepted
Dominant language
HTML
Stars
9
Forks
8
PR merge metrics
No merged PRs in 30d

Description

The landing page (home.html) uses an adjusted stylesheet compared to all the subpages.

Affects are for example:
1. The content width differs as `max-width` of `.md-grid` is overwritten:
```stylesheet
.md-grid {
/* Reduce the width of the content somewhat (original value is 61rem) */
max-width: 50rem;
}
```
2. Text style as well as the color for links in the announcement header differ
Home
![2022-04-28_15h04_54](https://user-images.githubusercontent.com/43000614/165759091-49a5cc0d-9019-4786-8f56-9c3d091fd155.png)
Getting Started
![2022-04-28_15h05_25](https://user-images.githubusercontent.com/43000614/165759101-7a43e3c7-574a-4b5e-8460-d960c8fd9e1d.png)

Contributor guide

Open the contributing guide

Research direction

Compare home.html with the subpage templates and inspect the stylesheet rules affecting .md-grid and the announcement header. Confirm the differing max-width, text styling, and link color, then align the home page with the subpages and verify both page types visually.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, html
Domain
frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.