Portfolio Feedback Welcomed

Portfolio Feedback Welcomed
0

#1

I have been working long and hard on my portfolio and I feel like I have made great strides but I seem to be coming to a point that I can not figure out how to fix certain things. I have made the site relatively responsive but after it gets so big the css won’t work. Also certain features break at points but I can’t figure out how to fix them either. I don’t want this to stop me from continuing to make progress so if anyone could please give me some assistance/guidance on how to fix these issues and any other that they see it would be greatly appreciated.

Thank you.

https://codepen.io/tchbell/full/dXaLdQ/


#2

Hi @tchbell

The problem is that you have all your css inside the media querys
For a mobile responsive approach you have to do the following:

  1. When you wireframe the web do it within a mobile layout (space, dimensions).
  2. Think how you want to progress your mobile view to a full web view.
  3. First code your css for the mobile view without any mediaquerys.
  4. Inside the media querys (always at the final), put the code that make changes that are different between the layouts.

Useful links:

Idiomatic CSS
Mobile First Design


#3

I have redone my portfolio and all feedback is welcome. I know its not the fanciest design in the world but I wanted function more than anything. I believe it functions well so again any feedback is welcome. Thank you.