noborder (Paragraph Text)

Div Text  
Test page (TD Text)

 

                                             Width x Height  & Sideways

SamSung S22 Chrome     295px x 538px & 581px x 233px  Purple
Iphone 5                                320px x 449px & 568px x 270px  LightBlue
SamSung S6                        360px x 560px & 640px x 280px  Light Green
JitterBug                               360px x 629  Light Green
Iphone 8                                375px x 548px & 667px x 325px  Blue
SamSung S22 DuckDuck 384px x 756px & 756px x 360px  Red
SamSung A32                     384px x 722  &  778px x 304px  Red
Iphone 13+                           428px x 746px  & 832px x 345px  Green
SamSung tablet                   601px x 841px & 962px x 481px  (Default Yellow)
Apex Tablet                       1200px x 689px & 800px x 1089px  (Default Yellow)
Dell 19" Screen  Edge       1280px x 923px  Minimum width 511px, Private Min 500px  Red
Dell 19" Screen Chrome   1280px x 846px  Minimum width 500px, Private Min 500px  Red
Dell 19" Laptop  Chrome  1366px x 657px   Minimum width 500px  Red
Dell 19" Laptop  Edge        1517px x 730px   Minimum width 555px  Red
 

      Current .CSS file settings


(TD br Text)
Get the size of the current browser screen/window: (NOT including toolbars/scrollbars)

(Paragraph Text)
Window width - 20px = minimum Div size.  Less border and padding. Chrome = 295px - 20px = 275px best Min Div size.

Current "noborder" min = NApx
Max = 750px

margin:auto;
height:auto;
max-width:750px;
/*min-width: 275px;*/
padding:0px;
border:0px solid gray;
background-color: #FFFFaa;

XX-Large XX-Large

X-Large

Large

Normal Normal

Small

X-Small

XX-Small
 

 

Div.ex

Span.. Normal ..Span  - Text inside only a Div.

H2 Text

Get the size of the current screen/window

 

margin:auto;
height:auto;
max-width:625px;
/*min-width:270px;*/
padding:10px;
border: 2px solid #4CAF50;
background-color: #DA4839;
 

  Use @media to change based on screen size... (TD text)

Page Updated  July 26, 2023 09:21 PM