Do I have to create two different html files for the same website if I am to enable alternating between mobile and desktop views

Answer 1

You can use @media with a class set display: none for element to going to exclude in certain screen size.

E.g. below code would make . no-mobile-view element no viewable on mobile phone.

.no-mobile-view {
display: block; }

@media only screen and (max-width: 40em) {
.no-mobile-view {
display: none; }
}

Answer 2

Thanks a lot Calviղ and Jônatas Araripe. So I looked up "Responsive Design Frameworks" and found what I was looking for under the subtitle "Custom Layout Structure". Thanks guys💯💯
Here's the link to the article:
https://www.smashingmagazine.com/2011/01/guidelines-for-responsive-web-design/

Answer 3

Thanks Jônatas Araripe But using the initial scale only adjusts one design to fit the screen of the user. I've seen different display views for websites, where the mobile display absolutely excludes information that is usually displayed in the desktop view. How do they exclude those parts? Or, do they just design different display views and write a script or something that causes the exclusion of different parts when the mobile view is detected?

Answer 4

Rfs Does Bootstrap have responsive designs? I couldn't find it on SoloLearn.

Answer 5

Use responsive design with frameworks you preference.

Answer 6

yes, and its on Sololearn, in Web Development section

Answer 7

No, see posts
https://www.sololearn.com/discuss/1773860/?ref=app
https://www.sololearn.com/discuss/1808078/?ref=app

Answer 8

no, just use Bootstrap