👩‍💻 3 способа разместить элемент по центру:
✔️ С помощью flex:

.center-flex {
    display: flex;
    align-items: center;
    justify-content: center;
}

✔️ С помощью grid:

.center-grid {
    display: grid;
    place-items: center;
}

✔️ С помощью абсолютной позиции:

 .center-absolute {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

👩‍💻 Шпаргалка CSS для (first, last) nth-child:
Используйте селекторы :first-child, :last-child и :nth-child() для точного выбора элементов в HTML документе.

🥰 :first-child: Выбирает первый дочерний элемент своего родителя.

li:first-child {
    /* Стили для первого элемента списка */
}

⭐️ :last-child: Выбирает последний дочерний элемент своего родителя.

li:last-child {
    /* Стили для последнего элемента списка */
}

🔥 :nth-child(): Выбирает элементы, которые соответствуют указанному математическому выражению.

/* Выбор каждого четвертого элемента */
li:nth-child(4n) {
    /* Стили для каждого четвертого элемента списка */
}

👩‍💻 Bootstrap - это один из самых популярных фреймворков для разработки веб-интерфейсов. Вот почему он так популярен:

🔥 Готовые компоненты
🔥 Отзывчивый дизайн
🔥 Сеточная система
🔥 Темы и расширения
🔥 Большое сообщество

🔝 Ссылка на Bootstrap

👩‍💻 4 способа преобразовать строку в число в JavaScript:
JavaScript предоставляет несколько способов преобразования строк в числа в зависимости от ваших потребностей.

📌 parseInt(): Преобразует строку в целое число.

let str = "123";
let num = parseInt(str);
console.log(num); // Output: 123

📌 parseFloat(): Преобразует строку в число с плавающей точкой.

let str = "3.14";
let num = parseFloat(str);
console.log(num); // Output: 3.14

📌 Number(): Преобразует строку в число (целое или с плавающей точкой).

let str = "42";
let num = Number(str);
console.log(num); // Output: 42

📌 Unary Plus (+): Используется для преобразования строки в число.

let str = "99";
let num = +str;
console.log(num); // Output: 99