Toolipedia- Бесплатно
- Без регистрации
- Работает на любом устройстве
По вашему запросу ничего не найдено.
- Бесплатно
- Без регистрации
- Работает на любом устройстве
Создайте QR-код для ссылки, Wi-Fi, WhatsApp, контакта и не только или считайте его с фото.
- Бесплатно
- Без регистрации
- Работает на любом устройстве
Заполните данные, чтобы увидеть QR-код.
PNG — для телефонов, чатов и сайтов. SVG и PDF остаются чёткими при любом размере и лучше всего подходят для печати. Совет: наведите камеру телефона на превью, чтобы проверить код.
3. Оформление (необязательно): цвета, точки, логотип
Выберите фото или снимок экрана или перетащите его сюда
Подходят фото напечатанных кодов, снимки экрана и файлы изображений.
Поиск QR-кодов…
Генератор CSS grid
Создайте макет сетки со столбцами, строками и отступами с предпросмотром.
- Бесплатно
- Без регистрации
- Работает на любом устройстве
Около Генератор CSS grid
Задайте число столбцов и строк, размер промежутков и размеры дорожек в fr, px или auto и наблюдайте, как сетка обновляется на лету, прежде чем скопировать CSS. Единица fr делит свободное место пропорционально, поэтому 1fr 2fr даёт второй столбец вдвое шире первого.
Как пользоваться инструментом «Генератор CSS grid»
- Задайте число столбцов и строк для вашей сетки.
- Настройте размеры столбцов и строк и промежуток между ячейками.
- Скопируйте код CSS grid и вставьте его в свою таблицу стилей.
Чем полезен этот инструмент?
- Конфиденциально: всё происходит в браузере. Ничего из введённого не загружается.
- Бесплатно, без регистрации, без водяных знаков и без ограничений на число использований.
- Работает на телефонах, планшетах и компьютерах: Android, iPhone, Windows, Mac и Linux. Ничего не нужно устанавливать.
- Можно бесплатно встроить на свой сайт, с готовым кодом для копирования.
- Доступно на 10 языках.
Другие названия
Частые вопросы
Что означает единица fr в CSS Grid?
Одна единица fr — это доля оставшегося свободного места в контейнере сетки. При столбцах 1fr 1fr 2fr место делится на четыре части, и последний столбец получает две из них.
Как сделать сетку адаптивной?
Используйте гибкие размеры, например единицы fr или minmax вместо фиксированных пикселей, и меняйте число столбцов в медиазапросе для маленьких экранов.
В чём разница между gap и margin в сетке?
Gap добавляет пространство только между ячейками, а не вокруг внешнего края. Поля добавляют пространство вокруг каждого элемента и могут удваиваться между соседями.
Инструмент «Генератор CSS grid» бесплатный?
Да. Инструмент «Генератор CSS grid» на Toolipedia бесплатный: без регистрации и водяных знаков.
Это безопасно?
Да. Все вычисления выполняются в браузере, и ничего из введённого не отправляется на наш сервер.
Работает ли это на телефоне?
Да. Работает в любом современном браузере на Android и iPhone, а также на планшетах и компьютерах. Ничего не нужно устанавливать.
Нужна ли учётная запись?
Нет. Просто откройте страницу и пользуйтесь. Ни регистрации, ни электронной почты не нужно.
Можно ли разместить Генератор CSS grid на моём сайте?
Да. Нажмите кнопку «Встроить на свой сайт» под инструментом, чтобы скопировать короткий фрагмент кода и вставить его на страницу. Это бесплатно, аккаунт не нужен, и инструмент продолжает работать внутри вашей страницы.