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/
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:
- When you wireframe the web do it within a mobile layout (space, dimensions).
- Think how you want to progress your mobile view to a full web view.
- First code your css for the mobile view without any mediaquerys.
- 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
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.