Why my code is not responsive

Reference link

My entire code is flex:

.wcontent {
	display: flex;
	gap: 20px;
.wcontent main {
	flex: 1 1 70%;
.wcontent aside {
	flex: 1 1 30%;

Flex grow and shrink both are set to 1.

Try shrinking width and the code doesn’t show any responsive behaviour.

.theme-width is wrapped around your entire page, and is a fixed 1300px wide. It will not shrink if you don’t allow it. Perhaps you meant “max-width”?


Got the issue. Will remember in future.