Консультации по react и next.js
Добрый день, наш фронт создан год назад и доступа к фронтендеру уже нет.
У меня есть вопрос 1:
в проекте есть iframe которы при помощи html code встраивается на сайт (во вложенном файле)
Задача меняя ширину и высоту в html коде добиться пропорционального изменения фрейма
что бы можно было встроить в любое место своего сайта того размера, какого хочешь.
Вопрос 1: посмотреть текущее решение и понять насколько это возможно сейчас.
Вопрос 2: Проверить текущий функционал на адаптивность верстки, особенно мобильной, что бы окно общения помещались в размер экрана моб устройства.
Вопрос 3: после консультации откроем следующий проект на доработку по необходимости.
Приложения 1
-
1 день5164 UAH
14 1 день5164 UAHЗдравствуйте.
Готов взяться за это. Напишите мне, мы можем обсудить это более подробно.
-
2 дня1291 UAH
355 2 дня1291 UAHДоброго времени суток, ссылку можно преобразовать в компонент, для переиспользования в приложении. Также можно собственный чат заюзать с текущим ai assistent. Как у Вас организован внутренний State Managers? Пишите лс.
-
1 день1291 UAH
875 9 2 1 день1291 UAHЗдравствуйте, напишите в лс
-------------------------------------------
-
1 день1291 UAH
93843 1268 1 10 1 день1291 UAHЗдравствуйте.Есть большой опыт с Next.js.Готов к сотрудничеству
-
1 день1291 UAH
1240 6 0 1 день1291 UAHЗдравствуйте, Влад! Есть опыт в необходимом Вам стеке. Понимаю, в какую сторону нужно "копать". Готов в личной переписке обсудить более конкретно Ваши требования. Пишите, буду рад сотрудничеству ) Как пример, делали редизайн данного сайта https://mashaonsol.com/ с похожими вещами
-
1 день1291 UAH
379 1 день1291 UAHДобрый день!
Готовы Вам помочь, напишите в личные сообщения, сразу приступим к выполнению!
-
3 дня2582 UAH
852 15 4 3 дня2582 UAHЗдравствуйте,
Я являюсь опытным Full-Stack разработчиком и занимаюсь разработкой уже более 4-х лет. Имею огромный опыт в работе с адаптивной версткой. Работал с Iframe, когда-то разрабатывал встраиваемые виджеты для сайта. Готов помочь вам в реализации вашей задачи! Напишите мне в ЛС, обсудим всё подробнее.
Буду рад сотрудничеству с Вами.
С уважением,
Maksim Alesiayuk
-
1 день1291 UAH
322 1 день1291 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 верстка
Разработка интернет-магазина WordPress + WooCommerce# Development of an Online Store for Agricultural Equipment The design mockup is currently in the final stages of development. I fully understand that without a ready mockup, the final estimate will be inaccurate. However, if you have already implemented similar e-commerce… CMS, HTML и CSS верстка ∙ 32 минуты назад ∙ 5 ставок |
Верстальщик для multi-page advertorial сайта (Health Media) — вайб-кодинг, чистый код
6654 UAH
Нужно создать многостраничный сайт в стиле health media, по образцу healthinsider.news. Не просто лендинг — полноценный псевдо-редакционный сайт (advertorial), под который будет литься трафик с Meta Ads. ВАЖНО: задача делается через вайб-кодинг (AI-assisted coding / vibe… HTML и CSS верстка, Веб-программирование ∙ 7 часов 50 минут назад ∙ 40 ставок |
Обновление дизайна на сайтеНужно обновить дизайн существующего сайта используя HTML, CSS, JS: освежить внешний вид, сделать его современным и адаптивным под мобильные устройства. Требуется добавить плавные анимации и интерактивные элементы . HTML и CSS верстка, Javascript и Typescript ∙ 1 день 12 часов назад ∙ 85 ставок |
Ищу специалиста по WordPress/Elementor/Woo, который имеет большой опыт работы с шаблоном Woodmart
5000 UAH
Необходимо обновить визуал и структуру интернет-магазина стоматологических товаров (ссылку отправлю в ЛС) Сайт работает на связке WordPress + WooCommerce. Шаблон — Woodmart. Задача: Обновление шапки (header), подвала (footer) и контента на главной странице согласно готовому… CMS, HTML и CSS верстка ∙ 1 день 15 часов назад ∙ 34 ставки |
Верстка сайтаТехническое задание на верстку сайта. Писал чат гпт Ссылка на дизайн -https://www.figma.com/file/bBuR3yG2eSzLpBcBJURNZi?node-id=60:397&t=zQ9Kln2RtyBgNHKw-1&locale=en&type=design Общая информация Необходимо выполнить адаптивную кроссбраузерную верстку сайта на основе… HTML и CSS верстка ∙ 1 день 16 часов назад ∙ 113 ставок |
Таллин