Core principles to follow for web page layout: Appropriate break points for the most popular devices…phones, tablets/laptops & PCs are: Smart phone < 768px < Tablet < 1023px < Desktop Example: @media only screen and (max-width: 768px){ /* CSS rules to apply to smart phones goes here */ }
Read moreWhile overhauling a site, I ended up with many obsolete rules in classes that are no longer applied. To help clean up the CSS stylesheet I wanted to list all class names so I could do a comparison. This answer from stackoverflow did 90% of what I needed
Read moreSimple steps to ensure the footer remains at the bottom of the page. These are: set body tag to min-height:100vh with padding-bottom to the height of the footer and set footer to position:absolute, bottom:0px
Read moreThis site: https://www.designersinsights.com/designer-resources/designing-responsive-website/ Recommends these breakpoints… Using Hardware Pixels to Design a Responsive Website When designing a responsive website, we
Read moreif condition ? true : false
Read more