Have not responsive chart. Not think how i need to fix that. I want a chart on full-width block.

new Chart(progressAllRef, {             type: "line",             data: {               labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],                 datasets: [                     {                         data: {                           Jan: 1, Feb: 2, Mar:3, Apr:4, May:5, Jun:6, Jul:7, Aug:8, Sep:9, Oct:10, Nov:11, Dec:12                         },                         borderColor: "#66D9BD",                     },                 ],             },             options: {             responsive: true,             layout: {                 padding: 20             },               plugins: {                   legend: {                     display: false                   }                 },               borderColor: "white",               backgroundColor: "#6093c1",               scales: {                   xAxis: {                       grid: {                           display:false,                       },                       ticks: {                           color: "white",                       }                    },                   yAxis:{                       min: 0,                       max: 12,                       grid: {                           display:false,                       },                       ticks: {                           color: "white",                       }                    },                 }             }         });

Style:

 .progress-block-second-progressAll_chart{     

width: 95% !important;     

height: 65% !important;      

margin: 0% 2.5%;     

background-color: #6093c1;     border-color: white;   }

Img without height: 65% and without padding