WordPress Frontend and Backend

Single page WordPress template started from scratch.

Joseph Borrelli is an Orthopedic doctor that needed to advertise about his field of study and practice.

CSS

The layout was created using a mobile-first methodology, meaning the smallest layout was created first, and then built upon using media queries to change the layout for larger screen sizes. My goal is to make my SCSS or POSTCSS files clean and easy to read. I use shorthands when I can and use variables for colors, fonts, and transitions. In previous experiences using variables helps making future changes easier. An example would be when a client wants to update their colors or fonts for their brand. When it comes to nesting I follow the Inception Rule and never nest more that 3 levels. This helps me from writing DOM specific styles and keeps the scss files maintainable.

Customizer

The majority of this site is editable in the WordPress customizer. If possible, I try to let the client edit everything from within this section. With Dr.Borrelli, the client can edit their entire site from here.