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”?

4 Likes

Got the issue. Will remember in future.