Why isn't my Sizechart popup window displaying in full width?

Store Design
,
1

I added a Sizechart popup window but its not showing in full width.

Here is the css code I used for popup.

.popup-link{
display:flex;
flex-wrap:wrap;
}
.popup-link a{
color: #9e2740;
font-size: 30px;
font-family: FuturaPT-Book;
}
.popup-container {
visibility: hidden;
opacity: 0;
transition: all 0.3s ease-in-out;
transform: scale(1.3);
position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(21, 17, 17, 0.61);
display: flex;
align-items: center;
}
.popup-content {
background-color: #fefefe;
margin: auto;
padding: 20px;
border: 1px solid #888;
width: 100%;
}
.popup-content img{
width: 100%;
height:100%
}

.popup-content a.close{
color: #aaaaaa;
float: right;
font-size: 28px;
font-weight: bold;
background: none;
padding: 0;
margin: 0;
text-decoration:none;
}
.popup-content a.close:hover{
color:#333;
}
.popup-container:target{
visibility: visible;
opacity: 1;
transform: scale(1);
}

in admin area > Dawn theme > Custamize > Default product > added Custom Liquid and then placed below html code.


Size chart

×

![size-chart.png?v=1704861933|1600x666](upload://5mV7AZvE47OaTtNIb0Mj6Z1v9SI.png)

​

Its not possible to share the url

2

Fixed. Moved the code to header.liquid and its working fine

 
 × 
![size-chart.png?v=1704861933|1600x666](upload://5mV7AZvE47OaTtNIb0Mj6Z1v9SI.png)