Explain how to make responsive website using flex box..

Question

When we decrease the size of browser how we can take our code along the width.?

Answer 1

vw

https://code.sololearn.com/WrgbrFC038ma/?ref=app

Answer 2

Study the basic of flexbox here
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox

For width adjustment, you could use flex-grow, flex-shrink and flex-basis, please study
https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow
https://developer.mozilla.org/en-US/docs/Web/CSS/flex-shrink
https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis

Here an example of some rows of text with different width in flexbox

https://code.sololearn.com/WAbR2EpMBpx7/?ref=app