# Component view css problem

**URL:** <https://devforum.zoom.us/t/component-view-css-problem/68180>\
**Category:** Web\
**Created:** [April 27, 2022, 7:18am UTC](https://devforum.zoom.us/t/component-view-css-problem/68180 "2022-04-27T07:18:34Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![eunjinKwak](https://avatars.discourse-cdn.com/v4/letter/e/fbc32d/32.png) [@eunjinKwak](https://devforum.zoom.us/u/eunjinKwak)\
**Post date:** [April 27, 2022, 7:18am UTC](https://devforum.zoom.us/t/component-view-css-problem/68180/1 "2022-04-27T07:18:34Z")

</div>

I’m going to set the component to width:1340 \* height:620.  
If the width is lower than 1100, height is applied  
But if you give width over 1100, height doesn’t apply.  
Is there a ratio that can be set?

```auto

	client.init({
		debug: true,
		zoomAppRoot: meetingSDKElement,
		language: 'ko-KO',
		customize: {
	      video: {
	          isResizable: true,
	          viewSizes: {
	              default: {
                      width: meetWidth,
                      height: meetHeight
	              },
	              ribbon: {
                      width: meetWidth,
                      height: meetHeight
	              }
	          },
		  }
	  },

```

**Screenshots**

 ![image](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/0/5/05e665bc20724ce9738e7f94faf005acf779a239.png)

1. Set to 700 \* 620 =\> 704 \* 700

 ![image](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/2/b/2b706ef99c02ed440de33782a8f06ac5f734bb7a.png)  
2. Set to 1100 \* 620 =\> 1104 \* 700

 ![image](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/7/9/7919fba5853616749d16ca5244fd1c8242c774e6.png)  
3. Set to 1200 \* 620 =\> 1204 \* 755

**Device (please complete the following information):**

- OS: windows64
- Browser: Chrome
- Browser Version 100.0.4896.88

**Additional context**  
Add any other context about the problem here.

---

<div class="post-metadata">

**Author:** ![donte.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/donte.zoom/32/24412_2.png) [@donte.zoom](https://devforum.zoom.us/u/donte.zoom)\
**Post date:** [April 28, 2022, 4:48am UTC](https://devforum.zoom.us/t/component-view-css-problem/68180/2 "2022-04-28T04:48:15Z")

</div>

@eunjinKwak,

Thank you for posting in the Developer Forum. Yes, in some cases the video container will resize. More details on this behavior can be found in our help documentation:

 ![Screen Shot 2022-04-28 at 12.48.07 AM](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/9/1/915c7ae159ee1f559a506d1571bbcd517ad66442.png)

# Resizing

[https://marketplace.zoom.us/docs/sdk/native-sdks/web/component-view/resizing#programmatically-resizing-the-video-component](https://marketplace.zoom.us/docs/sdk/native-sdks/web/component-view/resizing#programmatically-resizing-the-video-component)

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/6/1/614bdd549b610bbaa46ff934617683a02bdaa03c.png) [@system](https://devforum.zoom.us/u/system)\
**Post date:** [May 28, 2022, 2:49pm UTC](https://devforum.zoom.us/t/component-view-css-problem/68180/3 "2022-05-28T14:49:15Z")

</div>

Closed on May 28, 2022, 2:49pm UTC

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.