Hi fellow coders,
Feels good saying that, although I am not there yet it is good to get some projects under the belt. I wasn’t lucky enough to find someone to buddy up on this one as per the requirement, so I carried on regardless.
My idea was to compile an array of heroes, and infamous hero quotes and randomly join them together.
I started out with a simple javascript program merging a couple of arrays and got this done pretty quickly, but on looking over the requirements for this, (for coding partner and planning out the project with kanban board) it seemed that this was too simple and a more indepth project was needed.
So I completed an online version, version 2, and then added some images. Then took a fair bit of time to sort out the responsive design in the media queries.
This was my final version, version 3, and I could do a lot more with it but it has already taken a full week to get to current state (I work as well and have family).
So again I have spent way too much time on this, judging from what others have done, but hopefully this will be a good simple project suitable for the portfolio.
On reflection if I had found this forum earlier and seen what others have done I would not have spent so long on it, but I have learnt a lot. more experience in using a javascript function to alter the webpage contents and more experience with media queries.
Media queries I am not totally grasping though, the order in which they are applied and how far do you take it. It seems that the order in which they appear in your css file matters, not just the screen sizes they apply to, also in one case I had to change from max width to min width as i couldnt get it to work. Anyone else having the same issue? or understand these better than I do?
I have attached a screen dump of my project as well.
Happy Coding
Jim