✨ First Component on Page – Add Spacing to Fill Viewport Height

Open
#3,525 0 comments 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
5/5
Estimated time
Over a week
Newbie friendliness
30/100
Issue type
Feature
Clarity
Needs clarification
Activity status
Stale
Tech stack
nextjs
Domain
frontend, web-dev

Research direction

Start by locating the /consulting landing page and identifying its first component and current responsive layout behavior. Clarify the intended maximum spacing and viewport conditions with the issue stakeholders, then verify that the first component receives bounded spacing only when the viewport exceeds its content height.

Written by the indexing model from the issue text.

Description

Is your feature request related to a problem? Please describe.
The initial experience landing on a new /consulting page feels cluttered, but we want a minimalist user experience.

Describe the solution you'd like
IF the viewport exceeds the component height, add spacing (up to a certain limit) to the first component so that the users attention is better directed onto that first component.

Describe alternatives you've considered
Reducing content in initial sections.

Additional context
As per my chat with @louisroa8189 and @bettybondoc – not confirmed, but would be valuable to explore this option.

Image
Figure: What the landing page looks like on certain browsers (e.g. Arc)

Dominant language
HTML
Stars
14
Forks
10
Avg merge
13h 51m
Merged PRs (30d)
38

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from SSWConsulting/SSW.Website

All issues in SSWConsulting/SSW.Website

Similar issues

More Web Dev issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.