That’s a solid start, @mark-mazay. I’d add — once you’ve got the basics in place, layout flexibility becomes key to really make your website mobile-friendly. I rely heavily on Flexbox and CSS Grid for this. Flexbox, for instance, helps align and space items nicely across any screen size, and using properties like flex-wrap makes elements stack naturally on smaller screens. Same with Grid — define multiple columns for desktop, then collapse them into single columns on mobile using media queries. Also, avoid fixed-width images. Instead, go with this pattern:
img {
width: 100%;
height: auto;
}
It keeps everything clean and fluid across devices