Simple HTML Web Site - How to make it "responsive"

I have a site that looks great on a desktop but would like to tweak it so that it'll look good on a mobile device.
It's a simple site. Text and a few links.
I have a few pages hosted. One with a bio and a photo, another few pages with links to other sites (articles).
brothertruffle880Asked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Michael VasilevskySolutions ArchitectCommented:
Search for a Bootstrap or CSS Grid template that strikes your fancy
Snarf0001Commented:
If you already have the site developed, especially if it's simple, there's no point in trying to redo the whole thing to implement a grid system.
Personally I'm one of the few that really dislike them anyway ;)

If you had links to the site, that would help with suggestions.  You need to implement media queries to target different sizes, which would depend completely on what your content looks like and how it's arranged.

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
Some half answers here.

Using bootstrap is a great option as is foundation. Any ready made grid is better than rolling your own as there are alot of gotchas and it there is a learning curve.  But you cant simply add a responsive grid to a current site and make it responsive.

You need to decide if you want to account for just desktop and mobile vs desktop/tablet/mobile or other sizes such as high res screens.

It takes planning that starts with your content.  Do you wanr to explain some sample oages or provide us with a link to review and make suggestions?
Snarf0001Commented:
Any ready made grid is better than rolling your own

That's pretty generalized, and I would have to disagree.  If you're just starting out with CSS / HTML, the grid systems will definitely be easier to implement.
But if you're more familiar with CSS, then media queries and responsive sites are very easy to implement.
Using a grid framework means giving up a lot of control, having a much larger page / codebase and various other "negatives" that I won't bother ranting about.

That being said, they are extremely popular, with a very wide user-base, I just see all the downsides with them and find it far easier, faster and with a better result when doing it without.
Shaun VermaakTechnical SpecialistCommented:
I suggest you open a gig for this if you do not want to go through the learning curve
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Web Development

From novice to tech pro — start learning today.