ellaboevans/blogr-landing-page

Blogr features an exceedingly intuitive interface which lets you focus on one thing: creating content. The editor supports management of multiple blogs and allows easy manipulation of embeds such as images, videos, and Markdown. Extensibility with plugins and themes provide easy ways to add functionality or change the looks of a blog.

Frontend Mentor - Blogr landing page solution

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.

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Continued development
  • Useful resources
• Author
• Acknowledgments

Overview

The challenge

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

Screenshot

Links

• Solution URL: Blogr-Landing-Page
• Live Site URL: Blogr-Landing-Page on Vercel

My process

Built with

• Semantic HTML5 markup
• Tailwindcss
• JavaScript

What I learned

1. Using Tailwindcss Classes
2. Customizing Tailwindcss Config File and using directive
3. Setting up the Mobilie menu
4. Making the mobile menu interactive

Continued development

I will continue to build more complex project to enhance my tech stack.

Useful resources

• W3schools - This website helped me understand the basic use of dropdown component.
• MDN Web Docs - Used to revise some event.
• Tailwindcss Docs - Used to follow up with my development.

Author

• Frontend Mentor - @ellaboevans
• Twitter - @theEvansElabo_
• LinkedIn - @evans-elabo

Acknowledgments

I am very grateful to have access to articles, stack overflow, and many more on the internet. I would like to thank each and everyone who has contributed to help us gain knowledge in whatever we do with the web.