All solutions

This challenge is a bit tricky when I started it, it my first time using css flexbox as a display property. I did find this challenge interesting because I learnt a lot about flexbox but I still haven't grab the whole concept to my satisfaction.

If anyone has a blog post or a video with an in depth explanation of flexbox please paste the link to it in the answer section.

Thank You

I did try to make the challenge responsive on ipad screen but failed. I also try using to media queries in my css like this /* MOBILE VIEW CSS */ @media only screen and (max-width: 480px) {

} /* IPAD VIEW CSS */ @media only screen and (max-width: 700px) {

}

but it didnt work. I cant put the both together therefore the challenge is not responsive on Ipad.

If anyone has solved this challenge and it displayed well on ipad, please help me out on how i can do that using on css media queries because i just finished a course on html and css alone i haven't learn and framework like boostrap.

Thank you Ibrahim Isiaka