24-dev / 24-dev/smkid

Adjust layout responsiveness

Open
#5 2 comments 0 reactions 1 assignee Claimed by @rachmadzii View on GitHub
bug good first issue hacktoberfest internal-practice
Dominant language
JavaScript
Stars
1
Forks
10
PR merge metrics
No merged PRs in 30d

Description

## Deskripsi

Saat ini tampilan hanya terlihat bagus pada tampilan desktop dan tidak aksesibel di mobile.

## Langkah-Langkah untuk Mereproduksi (jika relevan)

_Nothing to provide._

## Hasil yang Diharapkan

Tampilan yang _responsive_ dan bagus di mobile.

## Hasil yang Terjadi

Pada saat diakses di mobile, tampilan cukup berantakan dan tidak aksesibel.

## Bukti Pendukung (Opsional)

![image](https://github.com/user-attachments/assets/7440b3f6-32fb-4d30-a8c8-fbce9c51e306)

## Issue atau PR Terkait (Opsional)

_Nothing to provide._

Contributor guide

No contributing guide indexed for this repository

Research direction

The issue is about making the layout responsive for mobile. Start by inspecting the current layout components, likely using Tailwind CSS classes. Check for breakpoints and adjust styles for mobile screens. The goal is a layout that looks good and is accessible on mobile devices.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, nextjs, tailwindcss
Domain
frontend, mobile-dev, web-dev
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.