responsive bug fixing2

This commit is contained in:
nabijonovdavronbek619@gmail.com
2025-11-04 16:34:55 +05:00
parent 0527b4bb20
commit 44ab51d914
5 changed files with 53 additions and 47 deletions

View File

@@ -14,9 +14,9 @@ import { FaLocationDot } from "react-icons/fa6";
export default function Footer() {
return (
<div dir="ltr" className="bg-primary">
<div className="max-w-[1200px] flex items-start w-full mx-auto pt-10 px-5">
<div className="flex flex-wrap items-start justify-between gap-5 max-sm:gap-10">
<div dir="ltr" className="bg-primary relative">
<div className="max-w-[1200px] flex items-start justify-between w-full mx-auto pt-10 px-5">
<div className="flex flex-wrap items-start justify-between lg:gap-15 gap-10">
<div>
{/* logo */}
<div className="flex items-center gap-4">
@@ -109,7 +109,7 @@ export default function Footer() {
</div>
</div>
</div>
<div className="group flex flex-col items-end justify-end pt-15">
<div className=" max-sm:absolute z-10 bottom-30 right-5 group flex flex-col items-end justify-end pt-15">
<div className="group relative">
<div
className="

View File

@@ -2,26 +2,32 @@ import { FaLocationDot } from "react-icons/fa6";
export default function Header() {
return (
<div className="bg-primary py-3 flex items-center justify-around">
{/* */}
<div className="max-w-[1500px] w-full mx-auto flex items-center justify-between ">
{/* */}
<div>
<a href="tel:+998332520000" className="hover:cursor-pointer text-white flex flex-wrap justify-center items-center max-w-[250px] w-full ">
00 00 232 33 998+
<span className="text-[#f2a01c] text-[20px]">
<FaLocationDot />
</span>
</a>
</div>
{/* */}
<div className="flex flex-wrap justify-center items-center text-white max-w-[250px] w-full ">
<div
dir="ltr"
className="bg-primary py-3 flex items-center sm:justify-around justify-center px-4"
>
<div className="max-w-[1500px] w-full mx-auto flex items-center sm:justify-between justify-center gap-4 flex-wrap ">
<div className="flex justify-center items-center text-white max-w-[250px] w-full ">
Uzbekistan , Tashkent
<span className="text-[#f2a01c] text-[20px]">
<FaLocationDot />
</span>
</div>
{/* */}
<div>
<a
href="tel:+998332520000"
className="hover:cursor-pointer text-white flex flex-wrap justify-center items-center max-w-[250px] w-full "
>
+998 33 232 00 00
{/* <span className="text-[#f2a01c] text-[20px]">
<FaLocationDot />
</span> */}
</a>
</div>
</div>
</div>
);