Put responsive website

Question

Guys good afternoon, next.

It is the first time that I am making a website, and in my head I would make the desktop site first to then make the responsive modifications (reduce size of letters, images, change some columns, etc...) for mobile and tablet.

So, I created my entire site and all the pages for desktop, then to do the tablet, and then the mobile.

However, I went to watch some videos about making responsive website, and the guy said that you use a term "mobile first", and start creating the site in the size of the mobile phone and then increase.

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

And one more question: I realized that responsiveness is only in CSS. It is possible to change something in HTML to be viewed only when on the mobile screen or tablet?

Answer 1

First question:

It is possible to make a site in both ways, as you have already developed the site on the desktop, you will be able to keep the concept of Desktop first and make from the largest to the smallest. What happens is that from a few years ago it was noticed that the largest audience of web sites came from mobile, so it didn’t make sense to create a layout that was beautiful on the desktop, but just adapt to the mobile. Therefore, we started to develop the layout first for cellular. When working with mobile first just follow the logic of the first desktop in reverse. It is first developed the mobile version, then tablet and last desktop. Although mobile first is good practice, it is not mandatory.

Second question:

There are now many frameworks that help in front-end development. They are based on a grid system that helps and greatly to develop 100% responsive websites. The best known of them is the bootstrap. I think it’s valid you take a look at the documentation.

About font and background settings in the responsive, you need to create in css @media queries to apply styles only to a certain screen size