I’ve recently finished my first project which can be found here: https://codepen.io/BuzzsawB/full/bKGpEr/
Disclaimer: It’s largely an inside joke that so called insiders would be unlikely to get.
Simply put I’m reasonably happy with the end outcome, other than perhaps the square edges of the embedded youtube video compared to the other edges with applied border-radius, but I’d heard this was a rather tough job and certainly my attempts to rectify it didn’t work.
However I’m not particularly confident that the methods I’ve used to are the most effective, and I’m aware in particular that it doesn’t look anywhere nearly as good in mobile format, particularly with the font not matching but this should be a simple fix.
So I guess I have the following questions:
- Should I be using media queries to resolve issues of spacing for mobile? I’m particularly looking at the two grid items on the bottom as being of the most concern.
- Is using padding the best way to position items inside of grid items?
Any other advice that can be offered in this regard would be appreciated! I think probably the most pertinent is perhaps not to over complicate my first project in this way!