How do I fix a code issue in my new custom.scss.liquid file?

[WilDrew10]

Hi,

I’m a newbie. I Encounter a problem during adding code at asset. I create new file and I name it as “custom.scss.liquid” and copy paste the code below and a problem occurs and I dont know how to fix it. Anyone who can help me. Thank you

/* -- Responsive video embed -- */

.responsive-video {

  padding-bottom: 56.25%; /* for 16:9 ratio */

  padding-top: 25px;

  position: relative;

  height: 0;

}

.responsive-video iframe,

.responsive-video object,

.responsive-video embed {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

[WilDrew10]

[KetanKumar]

@WilDrew10 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[WilDrew10]

Here what happen to my store home page

https://rmouziofa74mrmku-46508376220.shopifypreview.com/

thanks

[dmwwebartisan]

@WilDrew10 

The code looks correct. What is the problem you faced?

[WilDrew10]

After I renamed it, the home page of my shopify got changed

[WilDrew10]

I duplicate my theme before i made some editing

i just want to know how to solve this error.

[dmwwebartisan]

@WilDrew10 

Can you share a duplicate theme preview URL ?

So I can check what has changed after you put that code.

[WilDrew10]

Here’s what is look like when i rename all the file from scss to css

[dmwwebartisan]

@WilDrew10 

Do not rename then if renamed then revert it and try to put your above code.

[WilDrew10]

After editing

https://rmouziofa74mrmku-46508376220.shopifypreview.com

[WilDrew10]

Before editing

https://xk3d1xvgwv3bwpqy-46508376220.shopifypreview.com