Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Bigger than normal width

Featured Replies

Please go to the following site:

*link removed*

I've got a 27" iMac and that site width goes way over the 1024px that we're supposed to design sites for, as that's the minimum width of most resolutions. Can someone please tell me how their site looks on a 1024 res screen? Does it all fit into the screen or do you have to scroll left and right to view it all? Do you make sites that change depending on the user's resolution? Please inform me.

thanks

Your page is inside a wrapper:

#wrap{padding:0 100px;max-width:1414px;position:relative;margin:0 auto;top:0;left:0;min-height:100%;height:auto !important;height:100%;}

which has max-width: 1414px and it filled most of my 1366px wide screen and it reduced in width as I used a smaller screen window. However, you have left: 0; in the style and I would delete that as it will tie the page to the left in resolutions over 1414px and stop it centering.

 

Another style has side padding 88px:

#wrap,#footer .group{padding:0 88px;}

which creates the quite wide white spaces each side of the images.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.