3-column preview component using html and css

Hello, Tuangpi! 👋

Good effort on this challenge! 👍

In addition to using the font provided in the free starter files for this challenge (as Sean Dickinson suggested), I'd like to suggest switching to a mobile-friendly layout sooner to prevent a horizontal scroll bar from appearing along the bottom of the page when the width of the screen decreases in the desktop layout. That way, your solution will look good in the desktop and mobile layouts and in between and as many people as possible can view and enjoy your work. 😉

Keep coding (and happy coding, too)! 😁

I think you have a typo for the font-family. It should be "Big Shoulders Display" not "Big Shoulder Display". Also I would recommend always adding the fall-back font that google suggests for google fonts in the font-family definition. It's always important to have that there in case the remote font doesn't load correctly.

In div.main set width:90% for mobile layout.