How I approach repsonsive design

Responsive Design

Menu Responsive Design

A new design layout for tempusfugit

Since adopting the new design for the Parish Council Website I have adapted it for use on my main (this) website. The design, although similar, has many enhancements.

I am pretty happy with the design as it is and it is also going a contant upgrade when I work out what I think is best.

Top

Menus on Mobile pages

Links

My original Responsive Design - An attempt at explaining my Responsive Web Design
The Viewport
W3.css Framework
The w3-hide class and tablet displays
A page that renders completely differently on a mobile - an experiment in SERP - search engine report listings

References: - a note on these

Responsive Web Design - The Viewport - https:// www.w3schools.com/css/ css_rwd_viewport.asp
CSS Media Queries - https://www.w3schools.com/css/css3_mediaqueries.asp
CSS box-shadow Property - https:// www.w3schools.com/cssref/ css3_pr_box-shadow.asp
Universal Box Sizing - https://www.w3schools.com/cssref/css3_pr_box-sizing.asp
The CSS - The ::after Pseudo-element - https:// www.w3schools.com/css/ css_pseudo_elements.asp

Site design by Tempusfugit Web Design -

Menus on Mobile pages

A link to an item on this page