From 5d3273891699e1493b51aeec6d90d267448736c6 Mon Sep 17 00:00:00 2001
From: LeonG11 <kkacanov198@gmail.com>
Date: Tue, 23 Jun 2026 21:29:22 +0300
Subject: [PATCH] fix: change height image

---
 frontend/src/components/CardItem.jsx | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/CardItem.jsx b/frontend/src/components/CardItem.jsx
index 7d11565..9834626 100644
--- a/frontend/src/components/CardItem.jsx
+++ b/frontend/src/components/CardItem.jsx
@@ -2,15 +2,12 @@ import { useState } from "react";
 import Arrow from "../components/Arrow";
 
 export default function CardItem({ item, onAddToCart }) {
-  // Начальный вес — 100 грамм (0.100 кг)
   const [weight, setWeight] = useState(0.1);
 
-  // Увеличение веса с шагом 100 грамм
   const handleIncrement = () => {
     setWeight((prev) => parseFloat((prev + 0.1).toFixed(3)));
   };
 
-  // Уменьшение веса (не позволяет опуститься ниже минимальных 100 грамм)
   const handleDecrement = () => {
     setWeight((prev) =>
       prev > 0.1 ? parseFloat((prev - 0.1).toFixed(3)) : 0.1,
@@ -19,11 +16,11 @@ export default function CardItem({ item, onAddToCart }) {
 
   return (
     <div className="flex flex-col text-white w-full">
-      <div className="w-full rounded-md overflow-hidden bg-slate-800/60 flex flex-col h-100 items-center justify-center border border-slate-700/50 select-none">
+      <div className="w-full rounded-md overflow-hidden bg-slate-800/60 flex h-[400px] md:h-[600px] flex-col items-center justify-center border border-slate-700/50 select-none">
         <img
           src={item.avatar_url}
           alt={item.name}
-          className="object-cover w-full h-150 object-center"
+          className="object-cover w-full h-[400px] md:h-[600px] object-center"
         />
       </div>