CodeNewbie Community 🌱

Cover image for Understand "responsive" design / dev from the start of your journey (asap!)
sheriffderek for Perpetual Education

Posted on • Updated on

Understand "responsive" design / dev from the start of your journey (asap!)

We didn't always have little phones.

So, at some point - we had to take some "normal" ol websites and "make them responsive" -- but now, that's just the norm. Websites are naturally responsive!

Here is a quick video that will set you up - with a clean mental model for "responsive" design and save you a ton of trouble when you build layouts.

It's for people who've never written a line of code, or 20+ vets who have been fighting CSS for all of these years.

Please let us know what YOU think!

How has your HTML and CSS / and layout journey been so far?

Top comments (5)

Collapse
 
tinside profile image
Michael

Thanks, what was good-

  1. Everything, already knew a lot of it, as I thought, but then-
  2. The codepen stuff- I've crawled codepen, didn't know some of the stuff you talked about.
  3. "So many tools being thrown at a project but..." great line, great perspective.
Collapse
 
michaeltharrington profile image
Michael Tharrington

This is an awesome post — loving the embedded video. Appreciate you sharing it!

Collapse
 
sheriffderek profile image
sheriffderek

That's so cool! What did you like about it?

Collapse
 
michaeltharrington profile image
Michael Tharrington

Well, I'm admittedly not a DEV, but I've been scanning through posts to look for beginner-friendly content and I like that the perspective you're taking is "from the start of your journey"... that's a good fit for this newbie-focused community.

Also, it's always nice to when folks embed video content.

Collapse
 
taurist profile image
Tauri StClaire

Thank you for sharing! I appreciate how he demystified the concept! I'm in the middle of a course in responsive coding, and after experimenting with all the Flexbox properties it really has just been a matter of doing as many layout challenges as possible {: