responsive bug fixing

This commit is contained in:
nabijonovdavronbek619@gmail.com
2025-11-04 15:19:47 +05:00
parent 9720f1a6d3
commit 0527b4bb20
13 changed files with 83 additions and 63 deletions

View File

@@ -1,21 +1,21 @@
export default function Contact() {
return (
<section dir="ltr" className="relative w-full bg-primary py-20 flex justify-center mt-40">
<div className=" absolute z-20 -top-25 bg-secondary max-w-[1200px] w-full py-10 flex flex-col items-center clip-trapezoid">
<section dir="ltr" className="relative w-full bg-primary py-20 flex justify-center mt-40 px-4">
<div className="mx-auto absolute z-20 -top-25 bg-secondary max-w-[1200px] w-full py-10 flex flex-col items-center clip-trapezoid">
<div id="contactClip" className="w-full flex flex-col items-center justify-center">
<h2 className="text-2xl md:text-3xl font-bold text-primary mb-5 text-center">
Qo'ng'iroqni buyurtma qiling
</h2>
{/* Input va Button bloki */}
<div className="flex w-full max-w-2xl">
<div className="flex w-full max-w-2xl px-4">
<input
type="text"
placeholder="Your phone number"
className="flex-1 py-3 px-5 bg-white text-gray-600 placeholder-gray-400 text-lg clip-input focus:outline-none"
/>
<button className="bg-primary -ml-5 text-white px-6 py-3 text-lg font-medium clip-button">
<button className="bg-primary -ml-5 text-white sm:px-6 sm:py-3 p-2 text-lg font-medium clip-button">
Menga qo'ng'iroq qiling
</button>
</div>