team4fullstackdev / html_css-e_commerce Goto Github PK

ketika aku coba kecilin layar webnya. udah aku coba testing pake border si main tag nya itu ngecilin (harusnya kan selalu 100% dari parentnya) tapi ini engga malah tambah kecil.
.
saya kemungkinan sudah menemukan masalahnya jadi pada section 10

.section__10_filter {
    position: relative;
    width: 1195px;
    margin: 20px auto;
    padding: 20px;
    background: #ffffff;
    border-radius: 4px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
 } 

containernya itu pake fixed unit sizing. jadi kaya ketahan gitu. coba deh diubah ke relative unit sizing. kalo didevice ku si kaya gitu.
coba bisa dicek lagi.

cc: @harymahayana07 @Nextiar3

1. pada setiap title section bisa diberi margin sedikit.

2. jika mereferensi pada website kyou.id pada setiap card di setiap section tidak perlu diberikan background abu abu.

3. Untuk copy writing bisa ditambah DP harga (sesuai dengan website kyou.id). dan juga judul tiap card dikasih font weigh bold agar sesuai

cc @nevgard