Put responsive site

Question

Put responsive site

Navigation

#1 by (1 votes)

1

Well, good afternoon, next.

It's the first time I've been making a website, and in my head I would do the desktop site first and then make the changes responsive (reduce font size, images, change some columns, etc ...) for mobile and tablet .

So, I created my whole site and all the pages for desktop, then make the tablet, and then the cell phone.

But I went to watch some videos about making a responsive site, and the guy said that he uses a term " mobile first ", and if he starts to create the site in the size of the cell phone and then increase .

Is this mandatory? How do I make it responsive if I already have the site 100% ready for desktop?

And one more question : I realized that responsiveness is only in CSS. Is it possible to change anything in HTML to be viewed only when you're on the mobile or tablet screen?

html css responsivo

asked by anonymous 13.11.2017 / 20:03

1 answer

Help with Combo Box with Ajax How to make an INNER JOIN with two tables in different banks?

score 1 · Accepted Answer

First question:

It is possible to make a website both ways, as you have already developed the site on the desktop, you can maintain the concept of Desktop first and make it from the largest to the smallest. What happens is that for some years now it has been noticed that the largest audience of web sites came from the cell phone, so it did not make sense to create a layout that was beautiful on the desktop, but only adapted to the phone. So we started to develop the layout firstly for mobile. When working with mobile first just follow the logic of the desktop first in reverse. First developed the mobile version, then tablet and last desktop. While mobile first is good practice, it is not required.

Second question:

There are many frameworks today that help with front-end development. They rely on a grid system that helps and much to develop 100% responsive sites. The best known of these is the bootstrap . I think you should take a look at the documentation.

Regarding fonts and background adjustments in the responsive, you need to create in css @media queries for apply styles only to a certain screen size