This is a solution to the
Blogr landing page challenge on Frontend Mentor.
Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Your challenge is to build out this landing page and get it looking as close to the design as possible.
Your users should be able to:
- View the optimal layout for the site depending on their device's screen size
- See hover states for all interactive elements on the page
- The Semantic and accessibilty for HTML is much better than my previous work.
- The Javascript and use of summary and details.
- The imagery is a touch off and could do with improving.
- The CSS doesn't contain any variables for the colours, this was just lazy planning!
I learnt to only work when focused and upon doing so, I was able to focus more on little details (I usually overlook them). The markup for the HTML went really well and hopefully, accessible too.
I would like to improve the position of the background images and probably move all the colours into variables, however; I am mostly happy with this project and will likely not return.