Front End Mentor Challenges

This is my growing list of challenges from Front End Mentor.

a three-section grid layout describing the benefits and price of a product
011 Price Grid

A three-section grid layout advertising a community around the product and the price and benefits of the product. Demonstrates a button that changes style on hover.

Saturday, November 18, 2023


a simple landing page for a website with a top-down flow
012 Huddle Landing Page

A very simple landing page showing mokups for various devices, a header and blurb and a button that changes style on hover.

Sunday, November 19, 2023


an intricate grid layout of interlocking cells displaying customer reviews of a product
013 Testimonials Grid

An intricate grid layout of interlocking cells. Each grid cell represents a customer interaction displaying their profile photo, verification status and review of the product.

Sunday, November 19, 2023


a progress bar for a cloud storage account
014 Fylo Data Storage

A stylized progress meter representing consumed vs. available storage in a cloud storage service. TODO: clickable icon links, responsive/mobile.

Sunday, November 19, 2023


a somewhat complex landing page with a traditional top-down flow
015 Clipboard Landing Page

An elegant landing page in a single-column layout displaying the product on multiple devices, clickable download links that change styling on hover, product features, industry consumers and a footer with links to more information.

Sunday, November 19, 2023


a simple landing page with a traditional top-down flow
016 Huddle Landing Page

An elegant landing page in a single-column layout displaying mockups for desktop and mobile, product benefits, several sign up buttons that change styling on hover and a footer with more information. TODO: mobile/responsive

Sunday, November 19, 2023


a moderately complex landing page with a traditional top-down flow
017 Fylo Landing Page

A dense landing page advertising the benefits of a cloud storage service. Demonstrates various clickable links, email submission forms, changing backgrounds and a footer with links to more information. TODO: mobile/responsive.

Sunday, November 19, 2023


a sophisticated single column landing page with a traditional top-down flow
018 Huddle Landing Page

A sophisticated single-column landing page with alternating stylized backgrounds, buttons that change style on hover, a footer with links to more information and an email submission form. TODO: mobile/responsive

Sunday, November 19, 2023


a landing page displaying a mobile app with chat, image sharing, and billing features
019 Chat App

A simple layout centered in the viewport displaying a phone with a sophisticated layout featuring chatter profile, image sharing, alternating colors, interactive selection cards and a text message input section. The phone is implemented in pure CSS. TODO: mobile/responsive

Sunday, November 19, 2023