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
74 1 day115 USDHello.
Ready to take it on. Write to me, we can discuss it in more details.
-
2 days29 USD
380 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
979 9 1 1 day29 USDHello, please write in private messages.
-------------------------------------------
-
1 day29 USD
54592 1011 1 10 1 day29 USDHello. I have extensive experience with Next.js. I am ready for collaboration.
-
1 day29 USD
853 3 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
451 1 day29 USDGood day!
We are ready to help you, please write in private messages, we will start working on it right away!
-
4 days322 USD
267 4 days322 USDHello!
Thank you for the detailed description of the task. My name is Artashes Margaryan, I am a full-stack developer with experience in embedded solutions (iframe), responsive layout, and integration of HTML components into various projects.
📌 Regarding the questions:
1. I am ready to study the current solution and check how feasible it is to create an iframe with proportional width and height changes. It may be necessary to wrap the iframe in a container with CSS styles that support scaling (for example, through aspect-ratio or padding-top trick).
2. I will analyze the current layout for responsiveness, especially on mobile devices, and provide recommendations for improvement. I will check how the iframe behaves at different resolutions.
…
3. After the consultation, I will gladly join the next stage of improvements — optimization, enhancing functionality, or integrating additional features.
🛠️ I work quickly, accurately, and am always available for discussions.
I am ready to start the analysis as soon as I receive access to the current iframe code (attached file).
Sincerely,
Artashes Margaryan
-
3 days58 USD
884 15 3 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
272 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
API,dockerGood morningThis is about a simple system for a school, I don't have time to build it myself, and for anything not described here, follow your ideas:Windows system log analysis systemCreate a central API and at least two small applications that will consume it: web, mobile, or… Databases & SQL, HTML & CSS ∙ 44 minutes back ∙ 1 proposal |
Website layout in WIX
417 USD
Technical specifications for website layout on Wix Platform: The website must be implemented on Wix based on the already prepared design. Pages and navigation: Create a multi-page website that matches the provided design. All links and navigation buttons should be clickable and… HTML & CSS, Web Design ∙ 3 hours 28 minutes back ∙ 19 proposals |
Creating a landing pageTechnical specifications for LED mask1. General project description:Create a one-page landing page visually and structurally similar to the referenced example, focusing on selling LED masks for rejuvenation and facial skin care. The goal is to build trust, show results, address… HTML & CSS, Java ∙ 3 hours 43 minutes back ∙ 14 proposals |
Layout of one page (product card) from Figma to Opencart (PART of the product card, NOT the entire website)
60 USD
Good afternoon. There is a need to layout the product card (some blocks will be changed, some will remain unchanged) Product card - https://tobi.ua/index.php?route=product/product&product_id=5804 Ready design in Figma -… HTML & CSS, Online Stores & E-commerce ∙ 4 hours 53 minutes back ∙ 6 proposals |
Online Shopify store layout on WordPressWe are looking for an experienced front-end developer to implement an online store in the style of Shopify, but on the WordPress platform. The design is already approved, and the task is to adaptively and neatly implement the frontend according to the provided mockups (Figma).… HTML & CSS ∙ 9 hours 6 minutes back ∙ 16 proposals |
Tallin