@jhellard
Posted
Generally most people do a 'Mobile First' approach, styling out the page for mobile viewports and then adding breakpoints when scaling up as needed. Some frameworks have preset breakpoints you could look at to get some ideas of what to use.
Not sure if it's the best practice but I'll generally get my full page looking good and committing that CSS, with a commit message of like 'Mobile design completed'. Of course, you never catch everything the first time so I'll add minor updates to design with future commits as a side-note.
Testing CSS can be tedious, you can edit the CSS properties in dev tools and get it right then change it in your editor once you get your desired effect.
I hope I could provide some insight :) Keep on coding!
Marked as helpful
@ProwlingLynx
Posted
@jhellard Hey Joshua! Thanks for stopping by.
That makes sense. I found it was a touch more difficult to scale down.
Like wise for the commits. Still getting used to making webpages.
I didn't think that was an option :O I've only used it to adjust view port and see what wasn't there.
Thanks for the tips!