Crutches if, mobile design changes a lot from the desktop?

Question

Design

I am making a website that has completely different designs on the desktop and mobile versions.
A couple of examples, in the desktop there are 6-7 blocks of different information, and on the mobile phone there are only 3 blocks, and then they will need to be hidden in the desktop because they are different.
Is it correct? I doubt very much, perhaps there is a tool like Jade / Pug, like if the mobile version then include such and such a template? Because now I'm just cleaning through display:none, and it seems to me that these are crutches.
Thank you for your attention. I will be glad for any help.

Answer 1

If the design is strikingly different, then it is more efficient to do it not with an adaptive one, but with a separate mobile version.

Is it correct?

How do we know if such a decision is justified?

perhaps there is a tool like Jade / Pug, like if the mobile version then connect such and such a template?

It is not clear what Pug has to do with it, but yes - a separate template is connected for the mobile version. The web server and application code are responsible for this.

Answer 2

When it comes to making the right UX decision, it makes sense that the information on the computer and the phone is different, as information intended for a desktop audience is sometimes not suitable for phone users. If the designer made the decision to do so, there is probably a logical explanation for this. But we need to look at whether adaptation loses its meaning in this case? Maybe in truth, it's better to make a separate mobile version?

Answer 3

At least search engines react normally to this, so I don’t see a problem in using display.