📱 CSS Media Queries

Media queries позволяют менять стили под размер экрана.

Пример 1 — мобильный экран


@media (max-width: 600px) {
  body {
    background: red;
  }
}

Пример 2 — планшет


@media (min-width: 601px) and (max-width: 1024px) {
  .card {
    font-size: 18px;
  }
}

Пример 3 — компьютер


@media (min-width: 1025px) {
  .container {
    max-width: 1200px;
  }
}

🎮 CSS-тренажёр

PREVIEW

🐍 Python-игра: Угадай число

print("🎮 Игра: Угадай число")
import random

number = random.randint(1, 10)
tries = 3

while tries > 0:
    guess = int(input("Угадай число от 1 до 10: "))
    if guess == number:
        print("🎉 Победа!")
        break
    else:
        tries -= 1
        print("❌ Неверно. Осталось попыток:", tries)

if tries == 0:
    print("💀 Проигрыш. Число было:", number)

💡 Запускай в Replit, VS Code или Python IDLE

💬 Чат учеников

🔗 Полезные ссылки

⬅пройти бесплатно обучение по-английскому ⬅ Предыдущая Следующая ➡

✨ Дополнительно

Хочешь больше SQL-игр или игру под свой язык?