@Tolulope-as
Posted
Nice effort!! To make it responsive you will need to use a media query,you will need to set a max width at which your container flex direction will change to column for mobile screens e.g
@media screen and (max-width:600px){ .mycontainer { display: flex; flex-direction:column; } }
This css code means at a screen width of 600px and below ur container's flex direction will no longer be row but column
I advise u to watch a video on responsive design and Media queries.
Marked as helpful