اره خلاصه😉

پشتکار

@layer  components {}

@layer  components {
 .btn{
   display:flex;
   justify-content: center;
   align-items: center;
}
}

@layer  components {
 .btn{
@apply flex justify-center items-center;
}
}

project/
├── index.html
├── about.html
├── contact.html
└── js/
    └── components.js

<div id="header"></div>

<main>
    <h1>صفحه اصلی</h1>
</main>

<div id="footer"></div>

<script src="./js/components.js"></script>

const header = document.querySelector("#header");

header.innerHTML = `
    <header>
        <nav>
            <a href="index.html">خانه</a>
            <a href="about.html">درباره ما</a>
            <a href="contact.html">تماس با ما</a>
        </nav>
    </header>
`;

const footer = document.querySelector("#footer");

footer.innerHTML = `
    <footer>
        <p>© 2026 My Website</p>
    </footer>
`;

text-center md:text-left

Mobile First یعنی اول بهترین تجربه را برای کوچک‌ترین صفحه بساز، بعد امکانات و جزئیات را برای صفحه‌های بزرگ‌تر اضافه کن. این رویکرد هم با فلسفه Tailwind هماهنگ است و هم باعث می‌شود کد مرتب‌تر، قابل توسعه‌تر و کاربرپسندتر داشته باشیم.

قابلیت خفن و جذاب آیفون دوئو تو بخش عکاسی و فیلمبرداری ته خلاقیت و شاهکاره.
سوژه موقع عکاسی میتونه تصویر خودش رو ببینه تا بتونه ژست بهتری بگیره.
یا وقتی که از یه بچه تخم‌سگ میخواید عکس بگیرید و اذیت میکنه، میتونید کارتون پخش کنید تا حواسش بیاد به سمت دوربین.

.square-box {
  width: 100%;
  aspect-ratio: 1 / 1;
}


.video-container {
  width: 100%;
  aspect-ratio: 16 / 9;
}


.hero-banner {
  width: 100%;
  aspect-ratio: 21 / 9;
}

با توجه به وضع اقتصادی درخشان کشورمون اکثر مردمی که از دیجی کالا خرید میکنن گوشی های میان رده و حتی رده پایین و ضعیف دارن
اگر از انیمیشن های با کیفیت بالا توی سایت استفاده بشه مردم همین که بیان داخل سایت انقدر اذیت میشن و گوشیشون هنگ می‌کنه که از سایت میزنن بیرون و در نتیجه فروششون خیلی کم میشه

.box {
  width: 200px;
  height: 200px;
  background: dodgerblue;

  clip-path: polygon(
    50% 0%,
    100% 100%,
    0% 100%
  );
}