how to make a page full width on desktop laptop & phones

Discussion Of All Legal Topics Is Fine Anything Goes. Be Respectful of Others. No Personal Information or Attacks.
All Traffic, Link, Banner, Push Notification and Advertising, Offers & Requests Here,.
Domains & Websites For Sale and Requests Here.
Keep One thread per person & No More Than 1 Weekly Bump.
Post Reply
Everlpn
Verified Member
Verified Member
Posts: 66
Joined: July 8th, 2018, 2:27 pm

how to make a page full width on desktop laptop & phones

#1

Post by Everlpn » October 25th, 2023, 11:10 am

Hi can you tell me how to make a web page fill the full width on any size desktop or laptop and also on mobile phones. Is there a code for each or some plugin.




User avatar
tacnet
Board Sponsor
Board Sponsor
Posts: 3641
Joined: February 22nd, 2019, 7:21 pm
Referrals: 9
Contact:

#2

Post by tacnet » October 25th, 2023, 11:56 am

Yes its called Responsive Web Design and probably the most popular tool to do it is Twitter's Bootstrap which you can get here https://getbootstrap.com/

Its free to use and takes care of all the screen flexing for you. Its what we use on https://www.tacamateurs.com

Boner
Verified Member
Verified Member
Posts: 1065
Joined: July 8th, 2018, 12:21 pm

#3

Post by Boner » October 25th, 2023, 8:29 pm

tacnet wrote: ↑
October 25th, 2023, 11:56 am
Yes its called Responsive Web Design and probably the most popular tool to do it is Twitter's Bootstrap which you can get here https://getbootstrap.com/

Its free to use and takes care of all the screen flexing for you. Its what we use on https://www.tacamateurs.com


34ddww for bootstrap once you learn it it is easy as riding a bike.




User avatar
tacnet
Board Sponsor
Board Sponsor
Posts: 3641
Joined: February 22nd, 2019, 7:21 pm
Referrals: 9
Contact:

#4

Post by tacnet » October 26th, 2023, 12:15 am

Boner wrote: ↑
October 25th, 2023, 8:29 pm
tacnet wrote: ↑
October 25th, 2023, 11:56 am
Yes its called Responsive Web Design and probably the most popular tool to do it is Twitter's Bootstrap which you can get here https://getbootstrap.com/

Its free to use and takes care of all the screen flexing for you. Its what we use on https://www.tacamateurs.com
34ddww for bootstrap once you learn it it is easy as riding a bike.
Yep totally agree. Once you get your head round it, it makes responsive website designs so much quicker and easier.

It can be very fast too. We broke down the actual css files themselves, stripping out anything we didnt use, then inlining the critical css for the above-the-fold content and finally using media queries to load the remaining css depending on screen size. Brought our whole CSS files down to around 24k

Dallastim
Verified Member
Verified Member
Posts: 352
Joined: April 18th, 2018, 3:04 pm

#5

Post by Dallastim » October 29th, 2023, 12:23 pm

It is amazing how some new sites miss the point of making it full width on all devices.




User avatar
TheButcher
Administrator
Administrator
Posts: 17530
Joined: February 2nd, 2018, 11:48 am
Title: I like weekends
Referrals: 1
Contact:

#6

Post by TheButcher » October 30th, 2023, 9:05 am

Dallastim wrote: ↑
October 29th, 2023, 12:23 pm
It is amazing how some new sites miss the point of making it full width on all devices.


Amen

webcamhostess
Verified Member
Verified Member
Posts: 1081
Joined: May 4th, 2018, 4:38 pm
Title: cum on cams

#7

Post by webcamhostess » November 1st, 2023, 5:24 pm

Welcome to responsive websites or else do not bother




brt22
Verified Member
Verified Member
Posts: 316
Joined: November 24th, 2018, 3:30 pm

#8

Post by brt22 » November 2nd, 2023, 12:42 pm

webcamhostess wrote: ↑
November 1st, 2023, 5:24 pm
Welcome to responsive websites or else do not bother



r6d10k you will be shocked how many websites are not responsive.




how to make a page full width on desktop laptop & phones

Post Reply