Post: How To: Report a website not looking right

Faqs, Websites

How To: Report a website not looking right

Let’s talk responsive web design.

When we make a website, it is designed with five standard breakpoints that help the page automatically adjust to the width of your browser window – be it a wall-sized projection, a portion of a large desktop monitor, an 11″ laptop, a tablet standing up or on its side, or a smartphone.

We also test each layout on all the standard internet browsers (IE 11, Edge, Firefox, Chrome, Safari, Opera) because each of them displays websites a little differently than the others. 

With five breakpoints on six browsers, that means that each design layout is tested 30 times! But even with all that testing, the internet and the tools that we use to access it are always changing. So, it can happen that you pull up a site or open up a page and it doesn’t look quite right. When that happens, we can update it! In order to service your site, we just need a few details.

Key Details Needed to Service Design Responsiveness

Gathering the basic details.

When you notice that something isn’t looking right on a website, giving us some basic details allows us to get to the root of the problem really quickly. 

  1. What page or feature is acting weird? 
  2. What browser(s) is this happening on?
  3. What size window is this happening at?
What is wrong?

The best way to tell us which page or feature that is acting weird is by providing the link and a screenshot. These two elements can answer 50 other questions we may otherwise have to ask.

Where is this happening?

Telling us what browser(s) you’ve had this happen on, it gives us direction on where the problem may be.

When is this happening?

The size of the window tells us in which breakpoint the error lies. To quickly identify the browser size, open https://browsersize.com/ and look for the tiny details across the top: 

Send these details to your web team.

By answering the what/where/when in your initial email request to us, we’ll be able to quickly identify the problem and give you the most efficient service possible.

Relevant Terms

Programs on your computer that allow you to visit websites.

Similar Terms

  • Internet Browser Window
  • Web Browser
  • The thing I click to get to the internet
Examples
  • Microsoft IE 11 & Edge
  • Firefox
  • Google Chrome
  • Safari Opera

The exact screen width where a website is designed to respond differently than it did at a larger or smaller size.

Standard Breakpoints

  • Big Desktop Screens: 1801 px wide or wider
  • Desktop Screens: 1201 - 1800 px wide
  • Tablet Landscape Screens: 941 - 1200 px wide
  • Tablet Portrait Screens: 641 - 940 px wide
  • Phone Screens: 640 px wide or narrower

A digital image of what is visible on a monitor or screen.

An approach to web design which makes web pages render well on a variety of devices and screen sizes.

A specific arrangement of website content (text, images, graphics) on a screen.

Customized modules give website administrators the ability to keep content up-to-date and the designer control where and how elements of content (like a title, name, address, etc) are displayed on the screen.

Examples

  • Homepage Layout
  • Interior Page Layout
  • News Feed Layout
  • News Page Layout
  • Portfolio Category Layout
  • Portfolio Entry Layout
  • Staff Page Layout
TOPICS
Recent Projects
Client-First Website Design
SO, HOW DO WE GET STARTED?

Let us do all the things
so you can focus on your actual job.

Our team creates, services, hosts, and drives traffic with a unique recipe of expert attention. We do all the website things so you don’t have to… just fill out the form below to get started.

JUST A LITTLE BIT MORE
Copyright © 2024. FLEX360. All rights reserved.
Little Rock Office
Fort Worth Office
Office Hours

Serving clients nationwide with offices in Little Rock and Fort Worth 501-244-0360