otabekoff

import { createContentLoader } from "vitepress";
import "dotenv/config";

const formatDate = (raw) => {
  const date = new Date(raw);
  date.setUTCHours(12);
  return {
    time: +date,
    string: date.toLocaleDateString("en-US", {
      year: "numeric",

otabekoff

@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Work+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap");

@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --blue-rgb: 237 245 255;
  --green-rgb: 125 161 35;
}

otabekoff

.parent {
  border: 1px solid #333;
  height: 250px;
  position: relative;
  width: 250px;
}

.child {
  left: 50%;
  position: absolute;

otabekoff

<div class="parent">
    <div class="child">Makrazlashgan kontent.</div>
</div>

otabekoff

.grid-centering {
  display: grid;
  justify-content: center;
  align-items: center;
  height: 400px;
}

otabekoff

<div class="grid-centering">
    <div class="child">Makrazlashgan kontent.</div>
</div>

otabekoff

.container {
  border: 1px solid #333;
  height: 40px;
  width: 400px;
}
.center {
  display: table;
  height: 100%;
  width: 100%;
}

otabekoff

<div class="container">
  <div class="center"><span>Makrazlashgan kontent.</span></div>
</div>

otabekoff

.flexbox-centering {
  height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
}

otabekoff

<div class="flexbox-centering">
  <div class="child">Markazlashgan matn.</div>
</div>