How to add Codepen Code on Squarespace 7.1? (with HTML, CSS, JS)

Site URL: https://spondon.squarespace.com/

Please, Tell me the way of use with relevant example.

Advance thanks. 

Can you share link to codepen code?

This is the Code-https://codepen.io/devjamal/pen/WMEVBL

I Have some Problems with this code -

1. Can't make Full size Background. (it always take some margin both left and right sides)

2. Can't make is Center Positions.

(always take some padding in left side)

If You solved it with some codes it will very beneficial for me.

(my E-mail- takiulhassanspondon999@gmail.com)

Can you share link to page where you inserted Codepen code?

Add to Home > Design > Custom CSS

.container {
    width: auto !important;
}
@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1594801107365_11265 section {
    height: unset !important;
}
}

15 hours ago, tuanphan said:

Add to Home > Design > Custom CSS

.container {
    width: auto !important;
}
@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1594801107365_11265 section {
    height: unset !important;
}
}

 

It's Working perfectly. @tuanphan

But, I want to make only this section full screen.

right now, this code effect all of the section. and i try Data-section-id for this. but, it still not working.