Consultations on react and next.js
Good afternoon, our front was created a year ago and there is no access to the frontend developer anymore.
I have question 1:
there is an iframe in the project that is embedded on the site using HTML code (in the nested file)
The task is to change the width and height in the HTML code to achieve proportional changes in the frame
so that it can be embedded anywhere on your site in the size you want.
Question 1: to look at the current solution and understand how feasible this is now.
Question 2: Check the current functionality for the responsiveness of the layout, especially mobile, so that the chat window fits the screen size of the mobile device.
Question 3: after the consultation, we will open the next project for further development if necessary.
Applications 1
-
1 day115 USD
14 1 day115 USDHello.
Ready to take it on. Write to me, we can discuss it in more details.
-
2 days29 USD
355 2 days29 USDGood day, the link can be transformed into a component for reuse in the application. You can also use your own chat with the current AI assistant. How is your internal State Managers organized? Write me a private message.
-
1 day29 USD
875 9 2 1 day29 USDHello, please write in private messages.
-------------------------------------------
-
1 day29 USD
94346 1269 1 10 1 day29 USDHello. I have extensive experience with Next.js. I am ready for collaboration.
-
1 day29 USD
1240 6 0 1 day29 USDHello, Vlad! I have experience in the stack you need. I understand which direction we need to "dig". I am ready to discuss your requirements more specifically in private correspondence. Write to me, I will be happy to collaborate ) As an example, we did a redesign of this website https://mashaonsol.com/ with similar things.
-
1 day29 USD
379 1 day29 USDGood day!
We are ready to help you, please write in private messages, we will start working on it right away!
-
3 days58 USD
852 15 4 3 days58 USDHello,
I am an experienced Full-Stack developer and have been working in development for over 4 years. I have extensive experience in adaptive layout. I have worked with Iframe and once developed embedded widgets for a website. I am ready to help you with your task! Message me privately, and we will discuss everything in more detail.
I look forward to collaborating with you.
Sincerely,
Maksim Alesiayuk
-
1 day29 USD
322 1 day29 USDGood afternoon, I am ready to help with your problem but I didn't quite understand what exactly you need, please write to me in private messages.
-
через 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. Я ищу исполнителя)
-
Current freelance projects in the category HTML & CSS
Redesign and relaunch of the Brovchak Family Dental Care clinic websiteRedesign and Relaunch of the Brovchak Family Dental Care Website http://brovchak-clinic.com.ua/ terms of reference from SEO expert https://docs.google.com/spreadsheets/d/17_WyPf3XVpzbuBjpJ7MNFs12QUL-aHv7iIbKudY-IEw/edit?gid=0#gid=0 https://miro.com/app/board/uXjVHXxFvIE=/About… HTML & CSS, Search Engine Optimization (SEO) ∙ 29 minutes back ∙ 11 proposals |
I want to learn how to create websites for CS:GO/CS2I need a mentor who will teach me how to create a CS2/CS:GO server. I want to go through step by step via Discord/Zoom: hosting/VPS, server.cfg, maps, plugins, admin panel, ban system, Discord, website, and statistics. Language: Ukrainian or Russian. HTML & CSS, Web Programming ∙ 2 hours 31 minutes back ∙ 7 proposals |
Error correction
45 USD
1. Fix the visibility of the payment and delivery categories 2. The PrestaShop profiler shows 1,454 database queries just on the homepage. The tvcmsblogdisplayposts module generates 314 queries and takes 120 ms — this is one module from the sidebar. tvcmsproductpopup takes… HTML & CSS ∙ 8 hours 22 minutes back ∙ 13 proposals |
Ищу программиста или вайб кодинг Автоматизация scraping данныхמחפש מתכנת או תומך בקידוד וייב. גירוד נתונים אוטומטי. https://drive.google.com/file/d/1Ogsx2iyahw79sleaDEUwMnSTPHhwF3Nu/view?usp=sharing HTML & CSS, Web Programming ∙ 1 day 1 hour back ∙ 35 proposals |
SCSS HTML JS FIGMA Layout
22 USD
Need a layout of the template from Figma without dev mode. Well-structured SCSS, responsive at your discretion, everything by sections. If you use Claude code, that's a big plus. It needs to be done by yesterday. Please specify the price. Need to start today and finish as soon… HTML & CSS ∙ 1 day 11 hours back ∙ 80 proposals |
Tallin