Mozilla-Campus-Club-Cummins/ASME-Website

UI Enhancement for Achievements Page

Open

#59 建立於 2024年10月5日

在 GitHub 查看
 (3 留言) (0 反應) (0 負責人)HTML (28 fork)auto 404
hacktoberfesthacktoberfest24

倉庫指標

Star
 (1 star)
PR 合併指標
 (PR 指標待抓取)

描述

Redesign the "Achievements" page to improve the user interface and user experience. Create a page with Title, information (random) and grid layout depicting the achievements. Each card should display the photo, title and information regarding the same. You can also add animations and effects. Ensure that the design is responsive.

貢獻者指南

研究方向
創建成就頁面，使用響應式網格佈局。每張卡片顯示照片、標題和描述。使用CSS網格或Flexbox進行佈局，並通過CSS過渡或JavaScript添加微妙的動畫（例如懸停效果、淡入）。使用媒體查詢確保移動端響應。
技術棧
htmlcssjavascript
領域
frontend
議題類型
功能
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
1
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
半天
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
新近可參與
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
清晰
前置要求
HTMLCSSJavaScript
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
85