This is my solution for the challenge.
- HTML
- CSS custom properties
- Flexbox
As this was my first ever coding challenge, I learnt the basics of what it is like to take part in a coding challenge. As I came across different small problems while coding, I learnt from reading different articles that it is impossible to make a project pixel perfect and one should really be striving for as near of a replica as possible. At first, I wasted a lot of time trying to make everything look the same as in the picture while still trying to keep to standard programming practices and not just using little cheats and hacks, but then I realised that I don't need to do that and just need to do the best I can do.
I also learnt how to use custom properties and I believe that with more practise using them, It will be very useful for me in the future.
I would like to continue to work on custom properties as I think it is an interesting area and could help with things like changing the complete layout of a website with a change in just one variable instead of re-programming the full website which would also help with dark mode which I think I will look into later on in my career.
I also want to work on gradually implementing semantic HTML into my code to make it more professional.
-
Matt Studdert - This helped me understand what frontend mentor is all about and how to get started. I would definitely recommend it to anyone who is just starting or needs help with any thing about frontend mentor as it also has links to other sites that may help.
-
“Chasing the pixel-perfect dream” by Josh Comeau - This is pretty self explanatory. It helped me understand not to always expect my site to look exactly the same as in the picture which made me worry less and concentrate more on what will make my own project look good.
Thank you for viewing 😄