How to make mobile responsive websites and banners (links for reference)

[Winston]

Links on how to make mobile responsive banners that will resize to fit desktop and mobile devices. For my reference. If any of you have any advice about this, let me know.

http://www.dynamicdrive.com/forums/entr ... ive-Design

https://www.w3schools.com/howto/howto_c ... onsive.asp

https://www.w3schools.com/css/css_rwd_images.asp

https://support.adform.com/documentatio ... ve-banner/

https://www.advisorwebsites.com/blog/bl ... nner-image

Mobile responsive sidebar banners for phpbb

https://www.phpbb.com/community/viewtop ... #p14085556

[Winston]

@Traveler:

Will this work to make the home page mobile responsive or mobile friendly? Will it remove the sidebars and just put the center text portion onto a mobile screen? I'm talking about this viewport metatag that is used to make webpages mobile friendly.

Code: Select all

<meta name="viewport" content="width=device-width, initial-scale=1”>

It's used on my blog. You can read more about it here:

https://www.woorank.com/en/edu/seo-guid ... rt-for-seo

https://developer.mozilla.org/en-US/doc ... t_meta_tag

https://web.dev/viewport/

https://blog.hubspot.com/marketing/mobi ... port-setup

https://www.sitepoint.com/web-app-prototype-django-vue/

Will that alone work? Or will I have to tweak it?

The goal is to make the home page look like this:



Any ideas?

[Traveler]

@Traveler:

Will this work to make the home page mobile responsive or mobile friendly? Will it remove the sidebars and just put the center text portion onto a mobile screen? I'm talking about this viewport metatag that is used to make webpages mobile friendly.

Code: Select all

<meta name="viewport" content="width=device-width, initial-scale=1”>

It's used on my blog. You can read more about it here:

https://www.woorank.com/en/edu/seo-guid ... rt-for-seo

https://developer.mozilla.org/en-US/doc ... t_meta_tag

https://web.dev/viewport/

https://blog.hubspot.com/marketing/mobi ... port-setup

https://www.sitepoint.com/web-app-prototype-django-vue/

Will that alone work? Or will I have to tweak it?

The goal is to make the home page look like this:



Any ideas?

Not sure. I may look into it.