How to make Positioning right and responsive to different window size of this page

I am trying to make a simple responsive web page, Which can be displayed in different window size properly. Need suggestion. I am only using HTML and css. Do i need anything else to make a proper web page . i am noob btw.
here’s my code- https://jsfiddle.net/taumhanks/v51ncu0a/13/ and here is the Page

When your screen gets narrow, the two columns at the bottom are very narrow and it makes it hard to read the short lines of text.

In your media queries make changes to your flexbox styles so that the two divs are 100% in width and sit one above the other instead of side-by-side. This could go in your max-width 600px media query, or you could add a new breakpoint that works better.

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.