Screen sizes to optimise your web page for…

As a Freelance Front End Developer, I often get asked what screen sizes do you optimise your site for?

So, I thought it would be a good idea to list the sizes you should be considering when developing a website. Remember, this is by no means an exhausted list.

  • 320px
  • 321px
  • 322px
  • 323px
  • 324px
  • 325px
  • 326px
  • 327px
  • 328px
  • 329px
  • 330px
  • 331px
  • 332px
  • 333px
  • 334px
  • 335px
  • 336px
  • 337px
  • 338px
  • 339px
  • 340px
  • 341px
  • 342px
  • 343px
  • 344px
  • 345px
  • 346px
  • 347px
  • 348px
  • 349px
  • 350px
  • 351px
  • 352px
  • 353px
  • 354px
  • 355px
  • 356px
  • 357px
  • 358px
  • 359px
  • 360px
  • 361px
  • 362px
  • 363px
  • 364px
  • 365px
  • 366px
  • 367px
  • 368px
  • 369px
  • 370px
  • 371px
  • 372px
  • 373px
  • 374px
  • 375px
  • 376px
  • 377px
  • 378px
  • 379px
  • 380px
  • 381px
  • 382px
  • 383px
  • 384px
  • 385px
  • 386px
  • 387px
  • 388px
  • 389px
  • 390px
  • 391px
  • 392px
  • 393px
  • 394px
  • 395px
  • 396px
  • 397px
  • 398px
  • 399px
  • 400px
  • 401px
  • 402px
  • 403px
  • 404px
  • 405px
  • 406px
  • 407px
  • 408px
  • 409px
  • 410px
  • 411px
  • 412px
  • 413px
  • 414px
  • 415px
  • 416px
  • 417px
  • 418px
  • 419px
  • 420px
  • 421px
  • 422px
  • 423px
  • 424px
  • 425px
  • 426px
  • 427px
  • 428px
  • 429px
  • 430px
  • 431px
  • 432px
  • 433px
  • 434px
  • 435px
  • 436px
  • 437px
  • 438px
  • 439px
  • 440px
  • 441px
  • 442px
  • 443px
  • 444px
  • 445px
  • 446px
  • 447px
  • 448px
  • 449px
  • 450px
  • 451px
  • 452px
  • 453px
  • 454px
  • 455px
  • 456px
  • 457px
  • 458px
  • 459px
  • 460px
  • 461px
  • 462px
  • 463px
  • 464px
  • 465px
  • 466px
  • 467px
  • 468px
  • 469px
  • 470px
  • 471px
  • 472px
  • 473px
  • 474px
  • 475px
  • 476px
  • 477px
  • 478px
  • 479px
  • 480px
  • 481px
  • 482px
  • 483px
  • 484px
  • 485px
  • 486px
  • 487px
  • 488px
  • 489px
  • 490px
  • 491px
  • 492px
  • 493px
  • 494px
  • 495px
  • 496px
  • 497px
  • 498px
  • 499px
  • 500px
  • 501px
  • 502px
  • 503px
  • 504px
  • 505px
  • 506px
  • 507px
  • 508px
  • 509px
  • 510px
  • 511px
  • 512px
  • 513px
  • 514px
  • 515px
  • 516px
  • 517px
  • 518px
  • 519px
  • 520px
  • 521px
  • 522px
  • 523px
  • 524px
  • 525px
  • 526px
  • 527px
  • 528px
  • 529px
  • 530px
  • 531px
  • 532px
  • 533px
  • 534px
  • 535px
  • 536px
  • 537px
  • 538px
  • 539px
  • 540px
  • 541px
  • 542px
  • 543px
  • 544px
  • 545px
  • 546px
  • 547px
  • 548px
  • 549px
  • 550px
  • 551px
  • 552px
  • 553px
  • 554px
  • 555px
  • 556px
  • 557px
  • 558px
  • 559px
  • 560px
  • 561px
  • 562px
  • 563px
  • 564px
  • 565px
  • 566px
  • 567px
  • 568px
  • 569px
  • 570px
  • 571px
  • 572px
  • 573px
  • 574px
  • 575px
  • 576px
  • 577px
  • 578px
  • 579px
  • 580px
  • 581px
  • 582px
  • 583px
  • 584px
  • 585px
  • 586px
  • 587px
  • 588px
  • 589px
  • 590px
  • 591px
  • 592px
  • 593px
  • 594px
  • 595px
  • 596px
  • 597px
  • 598px
  • 599px
  • 600px
  • 601px
  • 602px
  • 603px
  • 604px
  • 605px
  • 606px
  • 607px
  • 608px
  • 609px
  • 610px
  • 611px
  • 612px
  • 613px
  • 614px
  • 615px
  • 616px
  • 617px
  • 618px
  • 619px
  • 620px
  • 621px
  • 622px
  • 623px
  • 624px
  • 625px
  • 626px
  • 627px
  • 628px
  • 629px
  • 630px
  • 631px
  • 632px
  • 633px
  • 634px
  • 635px
  • 636px
  • 637px
  • 638px
  • 639px
  • 640px
  • 641px
  • 642px
  • 643px
  • 644px
  • 645px
  • 646px
  • 647px
  • 648px
  • 649px
  • 650px
  • 651px
  • 652px
  • 653px
  • 654px
  • 655px
  • 656px
  • 657px
  • 658px
  • 659px
  • 660px
  • 661px
  • 662px
  • 663px
  • 664px
  • 665px
  • 666px
  • 667px
  • 668px
  • 669px
  • 670px
  • 671px
  • 672px
  • 673px
  • 674px
  • 675px
  • 676px
  • 677px
  • 678px
  • 679px
  • 680px
  • 681px
  • 682px
  • 683px
  • 684px
  • 685px
  • 686px
  • 687px
  • 688px
  • 689px
  • 690px
  • 691px
  • 692px
  • 693px
  • 694px
  • 695px
  • 696px
  • 697px
  • 698px
  • 699px
  • 700px
  • 701px
  • 702px
  • 703px
  • 704px
  • 705px
  • 706px
  • 707px
  • 708px
  • 709px
  • 710px
  • 711px
  • 712px
  • 713px
  • 714px
  • 715px
  • 716px
  • 717px
  • 718px
  • 719px
  • 720px
  • 721px
  • 722px
  • 723px
  • 724px
  • 725px
  • 726px
  • 727px
  • 728px
  • 729px
  • 730px
  • 731px
  • 732px
  • 733px
  • 734px
  • 735px
  • 736px
  • 737px
  • 738px
  • 739px
  • 740px
  • 741px
  • 742px
  • 743px
  • 744px
  • 745px
  • 746px
  • 747px
  • 748px
  • 749px
  • 750px
  • 751px
  • 752px
  • 753px
  • 754px
  • 755px
  • 756px
  • 757px
  • 758px
  • 759px
  • 760px
  • 761px
  • 762px
  • 763px
  • 764px
  • 765px
  • 766px
  • 767px
  • 768px
  • 769px
  • 770px
  • 771px
  • 772px
  • 773px
  • 774px
  • 775px
  • 776px
  • 777px
  • 778px
  • 779px
  • 780px
  • 781px
  • 782px
  • 783px
  • 784px
  • 785px
  • 786px
  • 787px
  • 788px
  • 789px
  • 790px
  • 791px
  • 792px
  • 793px
  • 794px
  • 795px
  • 796px
  • 797px
  • 798px
  • 799px
  • 800px
  • 801px
  • 802px
  • 803px
  • 804px
  • 805px
  • 806px
  • 807px
  • 808px
  • 809px
  • 810px
  • 811px
  • 812px
  • 813px
  • 814px
  • 815px
  • 816px
  • 817px
  • 818px
  • 819px
  • 820px
  • 821px
  • 822px
  • 823px
  • 824px
  • 825px
  • 826px
  • 827px
  • 828px
  • 829px
  • 830px
  • 831px
  • 832px
  • 833px
  • 834px
  • 835px
  • 836px
  • 837px
  • 838px
  • 839px
  • 840px
  • 841px
  • 842px
  • 843px
  • 844px
  • 845px
  • 846px
  • 847px
  • 848px
  • 849px
  • 850px
  • 851px
  • 852px
  • 853px
  • 854px
  • 855px
  • 856px
  • 857px
  • 858px
  • 859px
  • 860px
  • 861px
  • 862px
  • 863px
  • 864px
  • 865px
  • 866px
  • 867px
  • 868px
  • 869px
  • 870px
  • 871px
  • 872px
  • 873px
  • 874px
  • 875px
  • 876px
  • 877px
  • 878px
  • 879px
  • 880px
  • 881px
  • 882px
  • 883px
  • 884px
  • 885px
  • 886px
  • 887px
  • 888px
  • 889px
  • 890px
  • 891px
  • 892px
  • 893px
  • 894px
  • 895px
  • 896px
  • 897px
  • 898px
  • 899px
  • 900px
  • 901px
  • 902px
  • 903px
  • 904px
  • 905px
  • 906px
  • 907px
  • 908px
  • 909px
  • 910px
  • 911px
  • 912px
  • 913px
  • 914px
  • 915px
  • 916px
  • 917px
  • 918px
  • 919px
  • 920px
  • 921px
  • 922px
  • 923px
  • 924px
  • 925px
  • 926px
  • 927px
  • 928px
  • 929px
  • 930px
  • 931px
  • 932px
  • 933px
  • 934px
  • 935px
  • 936px
  • 937px
  • 938px
  • 939px
  • 940px
  • 941px
  • 942px
  • 943px
  • 944px
  • 945px
  • 946px
  • 947px
  • 948px
  • 949px
  • 950px
  • 951px
  • 952px
  • 953px
  • 954px
  • 955px
  • 956px
  • 957px
  • 958px
  • 959px
  • 960px
  • 961px
  • 962px
  • 963px
  • 964px
  • 965px
  • 966px
  • 967px
  • 968px
  • 969px
  • 970px
  • 971px
  • 972px
  • 973px
  • 974px
  • 975px
  • 976px
  • 977px
  • 978px
  • 979px
  • 980px
  • 981px
  • 982px
  • 983px
  • 984px
  • 985px
  • 986px
  • 987px
  • 988px
  • 989px
  • 990px
  • 991px
  • 992px
  • 993px
  • 994px
  • 995px
  • 996px
  • 997px
  • 998px
  • 999px
  • 1000px
  • 1001px
  • 1002px
  • 1003px
  • 1004px
  • 1005px
  • 1006px
  • 1007px
  • 1008px
  • 1009px
  • 1010px
  • 1011px
  • 1012px
  • 1013px
  • 1014px
  • 1015px
  • 1016px
  • 1017px
  • 1018px
  • 1019px
  • 1020px
  • 1021px
  • 1022px
  • 1023px
  • 1024px
  • 1025px
  • 1026px
  • 1027px
  • 1028px
  • 1029px
  • 1030px
  • 1031px
  • 1032px
  • 1033px
  • 1034px
  • 1035px
  • 1036px
  • 1037px
  • 1038px
  • 1039px
  • 1040px
  • 1041px
  • 1042px
  • 1043px
  • 1044px
  • 1045px
  • 1046px
  • 1047px
  • 1048px
  • 1049px
  • 1050px
  • 1051px
  • 1052px
  • 1053px
  • 1054px
  • 1055px
  • 1056px
  • 1057px
  • 1058px
  • 1059px
  • 1060px
  • 1061px
  • 1062px
  • 1063px
  • 1064px
  • 1065px
  • 1066px
  • 1067px
  • 1068px
  • 1069px
  • 1070px
  • 1071px
  • 1072px
  • 1073px
  • 1074px
  • 1075px
  • 1076px
  • 1077px
  • 1078px
  • 1079px
  • 1080px
  • 1081px
  • 1082px
  • 1083px
  • 1084px
  • 1085px
  • 1086px
  • 1087px
  • 1088px
  • 1089px
  • 1090px
  • 1091px
  • 1092px
  • 1093px
  • 1094px
  • 1095px
  • 1096px
  • 1097px
  • 1098px
  • 1099px
  • 1100px
  • 1101px
  • 1102px
  • 1103px
  • 1104px
  • 1105px
  • 1106px
  • 1107px
  • 1108px
  • 1109px
  • 1110px
  • 1111px
  • 1112px
  • 1113px
  • 1114px
  • 1115px
  • 1116px
  • 1117px
  • 1118px
  • 1119px
  • 1120px
  • 1121px
  • 1122px
  • 1123px
  • 1124px
  • 1125px
  • 1126px
  • 1127px
  • 1128px
  • 1129px
  • 1130px
  • 1131px
  • 1132px
  • 1133px
  • 1134px
  • 1135px
  • 1136px
  • 1137px
  • 1138px
  • 1139px
  • 1140px
  • 1141px
  • 1142px
  • 1143px
  • 1144px
  • 1145px
  • 1146px
  • 1147px
  • 1148px
  • 1149px
  • 1150px
  • 1151px
  • 1152px
  • 1153px
  • 1154px
  • 1155px
  • 1156px
  • 1157px
  • 1158px
  • 1159px
  • 1160px
  • 1161px
  • 1162px
  • 1163px
  • 1164px
  • 1165px
  • 1166px
  • 1167px
  • 1168px
  • 1169px
  • 1170px
  • 1171px
  • 1172px
  • 1173px
  • 1174px
  • 1175px
  • 1176px
  • 1177px
  • 1178px
  • 1179px
  • 1180px
  • 1181px
  • 1182px
  • 1183px
  • 1184px
  • 1185px
  • 1186px
  • 1187px
  • 1188px
  • 1189px
  • 1190px
  • 1191px
  • 1192px
  • 1193px
  • 1194px
  • 1195px
  • 1196px
  • 1197px
  • 1198px
  • 1199px
  • 1200px
  • 1201px
  • 1202px
  • 1203px
  • 1204px
  • 1205px
  • 1206px
  • 1207px
  • 1208px
  • 1209px
  • 1210px
  • 1211px
  • 1212px
  • 1213px
  • 1214px
  • 1215px
  • 1216px
  • 1217px
  • 1218px
  • 1219px
  • 1220px
  • 1221px
  • 1222px
  • 1223px
  • 1224px
  • 1225px
  • 1226px
  • 1227px
  • 1228px
  • 1229px
  • 1230px
  • 1231px
  • 1232px
  • 1233px
  • 1234px
  • 1235px
  • 1236px
  • 1237px
  • 1238px
  • 1239px
  • 1240px
  • 1241px
  • 1242px
  • 1243px
  • 1244px
  • 1245px
  • 1246px
  • 1247px
  • 1248px
  • 1249px
  • 1250px
  • 1251px
  • 1252px
  • 1253px
  • 1254px
  • 1255px
  • 1256px
  • 1257px
  • 1258px
  • 1259px
  • 1260px
  • 1261px
  • 1262px
  • 1263px
  • 1264px
  • 1265px
  • 1266px
  • 1267px
  • 1268px
  • 1269px
  • 1270px
  • 1271px
  • 1272px
  • 1273px
  • 1274px
  • 1275px
  • 1276px
  • 1277px
  • 1278px
  • 1279px
  • 1280px
  • 1281px
  • 1282px
  • 1283px
  • 1284px
  • 1285px
  • 1286px
  • 1287px
  • 1288px
  • 1289px
  • 1290px
  • 1291px
  • 1292px
  • 1293px
  • 1294px
  • 1295px
  • 1296px
  • 1297px
  • 1298px
  • 1299px
  • 1300px
  • 1301px
  • 1302px
  • 1303px
  • 1304px
  • 1305px
  • 1306px
  • 1307px
  • 1308px
  • 1309px
  • 1310px
  • 1311px
  • 1312px
  • 1313px
  • 1314px
  • 1315px
  • 1316px
  • 1317px
  • 1318px
  • 1319px
  • 1320px
  • 1321px
  • 1322px
  • 1323px
  • 1324px
  • 1325px
  • 1326px
  • 1327px
  • 1328px
  • 1329px
  • 1330px
  • 1331px
  • 1332px
  • 1333px
  • 1334px
  • 1335px
  • 1336px
  • 1337px
  • 1338px
  • 1339px
  • 1340px
  • 1341px
  • 1342px
  • 1343px
  • 1344px
  • 1345px
  • 1346px
  • 1347px
  • 1348px
  • 1349px
  • 1350px
  • 1351px
  • 1352px
  • 1353px
  • 1354px
  • 1355px
  • 1356px
  • 1357px
  • 1358px
  • 1359px
  • 1360px
  • 1361px
  • 1362px
  • 1363px
  • 1364px
  • 1365px
  • 1366px
  • 1367px
  • 1368px
  • 1369px
  • 1370px
  • 1371px
  • 1372px
  • 1373px
  • 1374px
  • 1375px
  • 1376px
  • 1377px
  • 1378px
  • 1379px
  • 1380px
  • 1381px
  • 1382px
  • 1383px
  • 1384px
  • 1385px
  • 1386px
  • 1387px
  • 1388px
  • 1389px
  • 1390px
  • 1391px
  • 1392px
  • 1393px
  • 1394px
  • 1395px
  • 1396px
  • 1397px
  • 1398px
  • 1399px
  • 1400px
  • 1401px
  • 1402px
  • 1403px
  • 1404px
  • 1405px
  • 1406px
  • 1407px
  • 1408px
  • 1409px
  • 1410px
  • 1411px
  • 1412px
  • 1413px
  • 1414px
  • 1415px
  • 1416px
  • 1417px
  • 1418px
  • 1419px
  • 1420px
  • 1421px
  • 1422px
  • 1423px
  • 1424px
  • 1425px
  • 1426px
  • 1427px
  • 1428px
  • 1429px
  • 1430px
  • 1431px
  • 1432px
  • 1433px
  • 1434px
  • 1435px
  • 1436px
  • 1437px
  • 1438px
  • 1439px
  • 1440px
  • 1441px
  • 1442px
  • 1443px
  • 1444px
  • 1445px
  • 1446px
  • 1447px
  • 1448px
  • 1449px
  • 1450px
  • 1451px
  • 1452px
  • 1453px
  • 1454px
  • 1455px
  • 1456px
  • 1457px
  • 1458px
  • 1459px
  • 1460px
  • 1461px
  • 1462px
  • 1463px
  • 1464px
  • 1465px
  • 1466px
  • 1467px
  • 1468px
  • 1469px
  • 1470px
  • 1471px
  • 1472px
  • 1473px
  • 1474px
  • 1475px
  • 1476px
  • 1477px
  • 1478px
  • 1479px
  • 1480px
  • 1481px
  • 1482px
  • 1483px
  • 1484px
  • 1485px
  • 1486px
  • 1487px
  • 1488px
  • 1489px
  • 1490px
  • 1491px
  • 1492px
  • 1493px
  • 1494px
  • 1495px
  • 1496px
  • 1497px
  • 1498px
  • 1499px
  • 1500px
  • 1501px
  • 1502px
  • 1503px
  • 1504px
  • 1505px
  • 1506px
  • 1507px
  • 1508px
  • 1509px
  • 1510px
  • 1511px
  • 1512px
  • 1513px
  • 1514px
  • 1515px
  • 1516px
  • 1517px
  • 1518px
  • 1519px
  • 1520px
  • 1521px
  • 1522px
  • 1523px
  • 1524px
  • 1525px
  • 1526px
  • 1527px
  • 1528px
  • 1529px
  • 1530px
  • 1531px
  • 1532px
  • 1533px
  • 1534px
  • 1535px
  • 1536px
  • 1537px
  • 1538px
  • 1539px
  • 1540px
  • 1541px
  • 1542px
  • 1543px
  • 1544px
  • 1545px
  • 1546px
  • 1547px
  • 1548px
  • 1549px
  • 1550px
  • 1551px
  • 1552px
  • 1553px
  • 1554px
  • 1555px
  • 1556px
  • 1557px
  • 1558px
  • 1559px
  • 1560px
  • 1561px
  • 1562px
  • 1563px
  • 1564px
  • 1565px
  • 1566px
  • 1567px
  • 1568px
  • 1569px
  • 1570px
  • 1571px
  • 1572px
  • 1573px
  • 1574px
  • 1575px
  • 1576px
  • 1577px
  • 1578px
  • 1579px
  • 1580px
  • 1581px
  • 1582px
  • 1583px
  • 1584px
  • 1585px
  • 1586px
  • 1587px
  • 1588px
  • 1589px
  • 1590px
  • 1591px
  • 1592px
  • 1593px
  • 1594px
  • 1595px
  • 1596px
  • 1597px
  • 1598px
  • 1599px
  • 1600px

So, the moral of the story… You should be targeting every size. From 320 up to 1600 and beyond. Media Queries should be used when things start to break rather than a predefined value.

Back To Blog
Interested in working with me? Get In Touch