Notifications Page

A simple interactive notifications page

Frontend Mentor - Notifications Page

This is a solution to the Notifications page challenge on Frontend Mentor.

Screenshot

Links

• Solution URL: https://github.com/LiyanNguyen/notifications-page
• Live Site URL: https://liyannguyen.github.io/notifications-page/

My Process

• Design the Desktop Viewport WHILE desinging the Mobile viewport at the same time using
• Design the flex/grid system, making sure to have both Desktop and Mobile Viewport layout correct
• Add in all the other HTML content
• Finished up all the CSS designs

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• Grid
• Mobile-first workflow

What I Learned

• More Flexbox

Author

• Website - Liyan Anajao
• Frontend Mentor - @LiyanNguyen
• Twitter - @LiyanAnajao

Acknowledgments