A Responsive Web Page

Resize the browser window to see the responsive effect.

Home
About
Contact

HTML

A photograph of a river flowing through the mountains on a cloudy day

Hyper Text Markup Language (HTML) is the basic building block for all websites. HTML determines the textual content structure of webpages, but it alone is not enough to make the webpages look good.

Media Queries

Media queries adjust screen orientation, height, width, and colors. They are a CSS3 function that allows to specify the display of a document for different media and screen sizes. A responsive webpage can be be displayed on all different size devices without compromising the design and function of the page or site. Media queries are an essential function in a responsive design.

A photograph of a pen, notebook, and cup of coffee

CSS

A photograph of a small lake surrounded by trees and mountains

For visual structure, layout, and aesthetics, cascading style sheets (CSS) are used. CSS is a design language that makes the website look more appealing. HTML and CSS is the standard foundation for the creation of unique webpages.