Trying to understand responsive & mobile first design

Good Afternoon everyone,

I wanted to see if someone could please help me understand how responsive CSS works and how to design mobile first. I’ve spent almost two months looking at all types of material about to the two however I just can’t grasp the concepts. I understand the point of the two and how they work but whenever I trying to create something and make it responsive I go blank. is a resource that will help me understand these so that I don’t have to keep searching the internet when trying to make my sites responsive and mobile first??

1 Like

Brad Schiff’s Git a Web Developer Job (Udemy) was helpful for me. Good luck!

Check out some code for different “Responsive Templates”! I learn a lot by checking out different boilercode! Keep coding!! :vulcan_salute:

  • The fluid grid concept calls for page element sizing to be in relative units like percentages, rather than absolute units like pixels
  • Flexible images are also sized in relative units
  • Media queries allow the page to use different CSS style rules based on characteristics of the device the site is being displayed on, e.g. width of the rendering surface (browser window width or a physical display size).