Responsive Width Is Too Small On Phone, But Okay On Desktop Browser

I am practicing responsive web design. From what I've learned so far, it revolves around a fluid grid with fluid components, and CSS media queries. The website looks just like how

Solution 1:

There is not responsive without viewport meta tag

<metaname="viewport"content="width=device-width, user-scalable=no">

More about viewport meta tag https://developer.mozilla.org/en/docs/Mozilla/Mobile/Viewport_meta_tag