CSS flex box element are not taking width properly.

Question

I am currently working on below project.
https://code.sololearn.com/W3fa7g46h21y/?ref=app
The problem is in display:flex; elements are not taking the width of their parent container. They are overflowing and on changing screen size their size is not responding as per container width. How can I fix it ?
ℹ see line 32 & 54

Answer 1

Try
display: inline-flex;

Answer 2

Nop not worked Gayatri Dunakhe

Answer 3

Ok