ER: New “Our Locations” component of About page needs mobile view styling
メンテナーはふだん 1 日以内に返信
まだ誰も着手していません。
評価
- 難易度
- 2/5
- 見積もり時間
- 1〜3時間
- 初心者へのやさしさ
- 78/100
- issue の種類
- バグ
- 明瞭さ
- 明確に書かれている
- 活発さ
- 活発
- 技術スタック
- javascript, jekyll
- 領域
- frontend
調査の方向性
_sass/components/_about.scss から始め、配置スタイルを _sass/components/_events.scss の類似したモバイルレイアウトと比較してください。「Our Locations」を展開した状態で、モバイルサイズの画面における About ページを確認してください。場所の画像が導入テキストの後に縦に並び、Events ページのレイアウトと一致すれば完了です。
索引モデルが issue の本文から書いたものです。
説明
Emergent Requirement - Problem
We need to style the "Our Locations" section of the "About" page so the location images are visible in mobile views.
Issue you discovered this emergent requirement in
- #8431
Date discovered
- 2026/10/13
Did you have to do something temporarily
- YES
- NO
Who was involved
@daras-cu @castillios
What happens if this is not addressed
The current behavior still "works", but the location images do not display when a mobile screen size is used.
Resources
- About page: https://www.hackforla.org/about/
- A similar locations component can be seen in the
https://www.hackforla.org/events. - _about.scss - file where css will need to be edited
- _events.scss - reference file with similar css properties
Recommended Action Items
- Make a new issue
- Discuss with team
- Let a Team Lead know
Potential solutions [draft]
- Develop a mockup of how the images should display in mobile view/screenshot the "Events" page mobile view as a reference
- On the about page, the images should be visible when the "Our Locations" section is expanded. They should be stacked vertically after the text "Former in-person event locations across Los Angeles", in the same layout as on the Events page mobile view.
- Create an issue to edit
_sass/components/_about.scssto apply styling to the Locations images in mobile view.- If changes to any other files are necessary, developer should document and explain in the PR.
- 主要言語
- JavaScript
- スター
- 364
- フォーク
- 872
- 平均マージ
- 6日 8時間
- マージ済み PR（30日）
- 8
環境構築
- Dockerfile または Docker Compose ファイルあり
- プルリクエストのテンプレートあり
- コントリビューションガイドを読む
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
hackforla/website のほかの issue
-
good first issue P-Feature: Project Info and Page ready for merge team role: back end/devOps role: front end size: 0.25pt time sensitive
難易度 1/5 1〜3時間 初心者へのやさしさ 88/100
メンテナーはふだん 1 日以内に返信
-
Complexity: Large Draft ER Issue Making: Level 2 P-Feature: Projects page p-feature: Projects-check P-Feature: Toolkit role: front end size: 0.5pt
難易度 2/5 1〜3時間 初心者へのやさしさ 68/100
メンテナーはふだん 1 日以内に返信
-
ER: Add "Closed" Status to Project Profile Card Template対応中かも @Tomlu60220244 が 3 日前に担当しました。 オープンComplexity: Small ER Issue Making: Level 2 non-PR contribution P-Feature: Project Info and Page role: back end/devOps role: front end size: 0.25pt
難易度 1/5 1時間未満 初心者へのやさしさ 92/100
hackforla/website#8841 · コメント 2 件 · 担当者 1 名 ·
メンテナーはふだん 1 日以内に返信
-
Update Project Profile: HackforLA Website対応中かも @palak-hellowrld が 9 日前に担当しました。 オープンComplexity: See issue making label epic good first issue Issue Making: Level 1 P-Feature: Project Info and Page role: back end/devOps role: front end size: 0.25pt time sensitive
難易度 2/5 1時間未満 初心者へのやさしさ 65/100
hackforla/website#8838 · コメント 3 件 · 担当者 1 名 ·
メンテナーはふだん 1 日以内に返信
-
good first issue P-Feature: Project Info and Page role: back end/devOps role: front end size: 0.25pt
難易度 1/5 1時間未満 初心者へのやさしさ 84/100
メンテナーはふだん 1 日以内に返信
hackforla/website の issue をすべて見る
似ている issue
-
bug
難易度 2/5 1〜3時間 初心者へのやさしさ 64/100
メンテナーはふだん 1 日以内に返信
-
bug needs-triage
難易度 2/5 1〜3時間 初心者へのやさしさ 76/100
apex-dev-tools/apex-log-parser#199 ·
メンテナーはふだん 1 日以内に返信
-
enhancement good first issue hacktoberfest help wanted
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
-
ReadBufferStream.addBuffer adds the full ArrayBuffer of a typed array view, and ignores its byteOffset対応中かも @wayfarer3130 が今日担当しました。 オープン
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
メンテナーはふだん 1 日以内に返信
-
Expo 57 example: pnpm install fails with ERR_PNPM_TRUST_DOWNGRADE対応中かも @github-actions が今日担当しました。 オープンbug react-native team/client-libraries
難易度 2/5 1〜3時間 初心者へのやさしさ 68/100
PostHog/posthog-js#5442 · コメント 1 件 ·
メンテナーはふだん 1 日以内に返信