Jump to content
Stef's Coding Community
activeworker

Convert The Website

Recommended Posts

Hi Guys,

 

Good day

I have a web site: www dot my-portfolio-site dot site88 dot net/ and I want that the website has to be responsive and perfectly function on mobiles and tablets.

 

For your kind information, I know HTML and CSS coding. But I don’t know how to convert the website has to be responsive and perfectly function on mobiles and tablets.

 

So, please see my source code and suggest which code I should write. And where should I place it?

 

No more, I am waiting for your kind response.

 

Thank you.

Share this post


Link to post
Share on other sites

Your page looks just fine on my iPad just the way it is.

Share this post


Link to post
Share on other sites

Use the correct code for HTML, use CSS, make it flexible in size both page size and font size and make it accessible for those with disabilities and it will work fine. There is no longer any difference between mobile and traditional IF designers code smartly and correctly and base it on the users needs and not the designers want's.

Share this post


Link to post
Share on other sites

For Responsive Design you need to learn a Grid System so that your design works on all (or at least many)devices. Check out The Goldilocks Approach, or Twitter Bootstrap. To keep up to date on the latest in Responsive Web Design check out the Responsive Design Newsletter. Lastly when your site is finished test how it looks in various devices at Screenfly.

Edited by kralcx

Share this post


Link to post
Share on other sites

FYI 960 grid has nothing to do with making a site mobile, it is just a way to lay out your site. Do what LSW said. Also what you are looking for is media queries check it out here http://css-tricks.co...-media-queries/

But put them at the bottom of your style sheet this will make load times better as it is less calls to the server.

Edited by grabenair

Share this post


Link to post
Share on other sites

first you learn perfectly how to do this then solve your errors. you learn on w3cschool as good information in website.

Edited by Andrea
Link Deleted

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...