A Deep Dive into Responsive Design with HTML/CSS
Using different CSS stylesheets in order to separate code for responsive designs.
Cons – Have to update multiple sheets if something not responsive (like font style) changes
Pros – Keeps code clean and separate without long blocks of code under media queries
Always ask if there is content you can exclude on smaller screens. Not everything is important, so focus on what is.
CSS Grid Tutorial: What Is It and How To Use It
Dig further into responsive grids. Seems great for responsive design while minimizing steps, but struggling to understand flexbox
Bootstrap is good if you’re working exclusively with hard grids. CSS grids allow a little more freedom. Bootstrap has a lot of pre-built components, which saves on time. Probably worth learning for things that don’t need as much customization.
Principle is different tools for different rules
Unlocking the Power of Front-End Development
“Front-end development is an art and a science, a blend of creativity and technical expertise. It’s about making the web a more beautiful, more functional, and more accessible place, one website at a time.”
The front end affects responsiveness, site speed, SEO, and accessibility
Important for first impressions and establishing relationships
What people will think of you, so make it representative