با استفاده از css flex و media query، سه div را با قابلیت responsive در کنار یکدیگر قرار دهید. بگونه ای که با کوچک شدن صفحه، div دومی مخفی شود.
html 1 2 3
html
css #main { display: flex; } #c1 { background-color: green; flex: 1; height: 100px; } #c2 { background-color: yellow; flex: 1; height: 100px; } #c3 { background-color: blue; flex: 1; height: 100px; } @media screen and (max-width: 740px) { #main { display: block; } #c2{ display:none; } }
css
js