Консультації по react та next.js
Добрий день, наш фронт створено рік тому і доступу до фронтендера вже немає.
У мене є питання 1:
в проекті є iframe, який за допомогою html коду вбудовується на сайт (в у вкладеному файлі)
Задача, змінюючи ширину і висоту в html коді, досягти пропорційної зміни фрейма
щоб можна було вбудувати в будь-яке місце свого сайту того розміру, якого хочеш.
Питання 1: подивитися поточне рішення і зрозуміти, наскільки це можливо зараз.
Питання 2: Перевірити поточний функціонал на адаптивність верстки, особливо мобільної, щоб вікно спілкування поміщалося в розмір екрану мобільного пристрою.
Питання 3: після консультації відкриємо наступний проект на доопрацювання за необхідності.
Додатки 1
-
1 день5184 UAH
14 1 день5184 UAHПривіт.
Готовий взятися за це. Напишіть мені, ми можемо обговорити це детальніше.
-
2 дні1296 UAH
355 2 дні1296 UAHДоброго часу доби, посилання можна перетворити на компонент для повторного використання в додатку. Також можна використати власний чат з поточним ai assistent. Як у вас організовані внутрішні State Managers? Пишіть в лс.
-
1 день1296 UAH
875 9 2 1 день1296 UAHПривіт, напишіть в лс
-------------------------------------------
-
1 день1296 UAH
94346 1269 1 10 1 день1296 UAHПривіт. Є великий досвід з Next.js. Готовий до співпраці
-
1 день1296 UAH
1240 6 0 1 день1296 UAHПривіт, Влад! Є досвід у необхідному Вам стеку. Розумію, в якому напрямку потрібно "копати". Готовий у особистому листуванні обговорити більш конкретно Ваші вимоги. Пишіть, буду радий співпраці ) Як приклад, робили редизайн цього сайту https://mashaonsol.com/ з подібними речами
-
1 день1296 UAH
379 1 день1296 UAHДоброго дня!
Готові Вам допомогти, напишіть в особисті повідомлення, одразу приступимо до виконання!
-
3 дні2592 UAH
852 15 4 3 дні2592 UAHПривіт,
Я є досвідченим Full-Stack розробником і займаюся розробкою вже більше 4-х років. Маю величезний досвід у роботі з адаптивною версткою. Працював з Iframe, колись розробляв вбудовані віджети для сайту. Готовий допомогти вам у реалізації вашого завдання! Напишіть мені в ЛС, обговоримо все детальніше.
Буду радий співпраці з Вами.
З повагою,
Maksim Alesiayuk
-
1 день1296 UAH
322 1 день1296 UAHДоброго дня, готовий допомогти з вирішенням вашої проблеми, але не зовсім зрозумів, що саме вам потрібно, напишіть в лс
-
через aspect-ratio можно добиться этого, если я правильно понял задачу
-
Можно фрейм сделать компонентом и передавать нужные параметры. Пишите, помогу
-
Question 1: Adjusting iframe width & height dynamically
Currently, the iframe has fixed dimensions (
width="315px"andheight="420px"). To make it responsive and proportional, you can use CSS styles like this:Solution 1: Using CSS to make it responsive
Modify the HTML as follows:
```
<div style="position: relative; width: 100%; max-width: 400px; aspect-ratio: 3/4;">
<iframe
style="width: 100%; height: 100%; border: none;">
</iframe>
</div>
```
Question 2: Checking responsiveness
To test responsiveness:
- Open the site in a browser.
- Open Developer Tools (
F12orCtrl + Shift + Iin Chrome). - Click on the device toolbar (toggle mobile view).
- Check how the iframe behaves on different screen sizes.
Issues to look for:
- If the iframe overflows the screen or is too small.
- If the chat window inside adapts properly to mobile sizes.
Question 3: Next Steps for Further Development
Once we confirm the iframe works responsively, we can move to additional improvements like:
- Dynamic height adjustments based on content.
- Custom styling to better fit your site design.
- Advanced features, such as embedding controls, resizing dynamically, or integrating with your app's UI.
-
Vlad Winner Digital Forest
Спасибо у меня тоже есть gpt. Я ищу исполнителя)
-
Актуальні фриланс-проєкти в категорії HTML та CSS верстання
Редизайн та перезапуск сайту стоматологічної клініки Brovchak Family Dental CareРедизайн та перезапуск сайту стоматологічної клініки Brovchak Family Dental Care http://brovchak-clinic.com.ua/ тз від сео-експертаhttps://docs.google.com/spreadsheets/d/17_WyPf3XVpzbuBjpJ7MNFs12QUL-aHv7iIbKudY-IEw/edit?gid=0#gid=0 https://miro.com/app/board/uXjVHXxFvIE=/Про… HTML та CSS верстання, Пошукова оптимізація (SEO) ∙ 3 години 16 хвилин тому ∙ 26 ставок |
Хочу навчитись створювати сайти по Ксго/Кс2Потрібен ментор, який навчить мене створити CS2/CS:GO сервер. Хочу через Discord/Zoom покроково розібрати: хостинг/VPS, server.cfg, карти, плагіни, адмінку, бан-систему, Discord, сайт і статистику. Мова: українська або російська. HTML та CSS верстання, Веб-програмування ∙ 5 годин 18 хвилин тому ∙ 8 ставок |
Виправлення помилок
2000 UAH
1. Виправити видимість категорій оплата та доставка 2. Профайлер PrestaShop показує 1 454 запити до БД тільки на головній сторінці. Модуль tvcmsblogdisplayposts генерує 314 запитів і займає 120 мс — це один модуль з бокового стовпця. tvcmsproductpopup — ще 19,8 мс. Google Crawl… HTML та CSS верстання ∙ 11 годин 9 хвилин тому ∙ 15 ставок |
Ищу программиста или вайб кодинг Автоматизация scraping данныхמחפש מתכנת או תומך בקידוד וייב. גירוד נתונים אוטומטי. https://drive.google.com/file/d/1Ogsx2iyahw79sleaDEUwMnSTPHhwF3Nu/view?usp=sharing HTML та CSS верстання, Веб-програмування ∙ 1 день 3 години тому ∙ 36 ставок |
SCSS HTML JS FIGMA Верстка
1000 UAH
Потрібна верстка шаблону з Figma без dev mode. Гарно структурований SCSS, адаптив на ваш россуд, все по секціях. Якщо використовуєте Claude code це великий +. Потрібно ще на вчора. Вказуйте ціну. Потрібно почати сьогодні і закінчити як швидше (бажано завтра в субботу). НЕ… HTML та CSS верстання ∙ 1 день 14 годин тому ∙ 80 ставок |
Таллінн