Projects in Awesome Lists tagged with mobile-first-workflow

https://github.com/ayokanmi-adejola/music-player

A modern responsive music player with glassmorphism design. Features full audio playback, playlist management, and seamless cross-device compatibility. Built with vanilla HTML, CSS, and JavaScript.

accesibility css3 custom-svg flexbox-layout html5 mobile-first-workflow vanilla-js

Last synced: 10 Oct 2025

https://github.com/ayokanmi-adejola/testimonial-grid-section

Testimonials Grid Section built with HTML5, CSS Grid, and responsive design. Featuring a complex grid layout that adapts from 4-column desktop to single-column mobile view.

css3 google-fonts grid-layout html5 mobile-first-workflow

Last synced: 10 Oct 2025

https://github.com/ayokanmi-adejola/time-tracking-dashboard

A responsive time tracking dashboard built with HTML, CSS Grid, and vanilla JavaScript. Featuring daily, weekly, and monthly activity tracking with a clean, modern UI.

css3 flexbox html5 mobile-first-workflow vanilla-js

Last synced: 10 Oct 2025

https://github.com/ayokanmi-adejola/faq-accordion

A clean, modern FAQ accordion implementation featuring expandable/collapsible sections with smooth transitions. Built with pure HTML, CSS, and JavaScript.

accessibility css3 flexbox-layout html5 mobile-first-workflow vannila-js

Last synced: 10 Oct 2025

https://github.com/ayokanmi-adejola/tic-tac-toe

A modern, feature-rich Tic Tac Toe game built with HTML, CSS, and JavaScript. This responsive web application offers a personalized gaming experience with multiple customization options and advanced gameplay features.

css3 flexbox-layout html5 mobile-first-workflow vanilla-js

Last synced: 28 Oct 2025

https://github.com/ayokanmi-adejola/social-media-dashboard

A fully responsive social media dashboard with dark/light theme switcher. Built with vanilla HTML, CSS Grid, and JavaScript. Featuring smooth animations, localStorage theme persistence, and mobile-first design

css3 google-fonts html5 mobile-first-workflow vannila-js

Last synced: 10 Oct 2025

https://github.com/ayokanmi-adejola/tip-calculator-app

A responsive tip calculator app built with HTML, CSS, and JavaScript. Featuring real-time calculations, input validation, and mobile-first design.

css3 google-fonts html5 mobile-first-workflow vannila-js

Last synced: 10 Oct 2025

https://github.com/ayokanmi-adejola/quick-card-form

A responsive interactive card details form with real-time preview, form validation, and completion state. Built with HTML, CSS, and vanilla JavaScript as a solution to the Frontend Mentor challenge.

css3 flexbox html5 mobile-first-workflow vanilla-js

Last synced: 10 Oct 2025

https://github.com/ayokanmi-adejola/stats-preview-card

A responsive stats preview card component built with HTML and CSS, featuring a mobile-first workflow, flexbox layout, and custom color overlay effects.

css3 flexbox-layout html5 mobile-first-workflow responsive-design

Last synced: 10 Oct 2025

https://github.com/ayokanmi-adejola/random-quote-machine

A simple and elegant random quote generator built with React, TypeScript, and Tailwind CSS. Fetches and displays inspirational quotes, and allows users to share them on Twitter. The UI features a dynamic color scheme that changes with each new quote.

mobile-first-workflow react18 tailwindcss typescript vite

Last synced: 03 May 2026

https://github.com/ayokanmi-adejola/huddle-landing-page

A responsive landing page solution for Frontend Mentor's Huddle challenge. Built with HTML5, CSS3, and mobile-first design principles. Featuring smooth hover effects, custom CSS properties, and Flexbox layouts optimized for both mobile and desktop viewing.

css3 flexbox font-awesome html5 mobile-first-workflow

Last synced: 10 Oct 2025

https://github.com/ayokanmi-adejola/drum-machine

A beautiful, responsive drum machine built with React and TypeScript. It allows users to create and play drum patterns directly in their web browser featuring responsive design, intuitive interface and dynamic playback

lucide-react mobile-first-workflow react18 tailwindcss typescript vite

Last synced: 10 Oct 2025

https://github.com/ayokanmi-adejola/news-homepage

A responsive news website homepage built with HTML, CSS Grid, Flexbox, and JavaScript. Features mobile-first design, interactive elements, and a custom mobile navigation menu.

css3 flexbox-layout html5 mobile-first-workflow vanilla-js

Last synced: 10 Oct 2025

https://github.com/ayokanmi-adejola/join-our-newsletter

A fully responsive, pixel-perfect newsletter sign-up page built for the devChallenges.io "Join Our Newsletter" challenge. Crafted with semantic HTML5 and modern CSS3, this project demonstrates advanced layout techniques, accessibility best practices, and precise design implementation for desktop, tablet, and mobile devices.

css3 flexbox-layout html5 mobile-first-workflow

Last synced: 10 Oct 2025

https://github.com/ayokanmi-adejola/space-tourism-website

A fully responsive, multi-page Space Tourism website built with HTML, CSS, and JavaScript. Features interactive tab navigation, smooth animations, and a mobile-first design approach. Explore space destinations, meet the crew, and discover space technology through an engaging user interface.

css3 html5 mobile-first-workflow vanilla-js

Last synced: 10 Oct 2025

https://github.com/ayokanmi-adejola/single-price-grid-component

A responsive single price grid component built with HTML5 and CSS3. Features modern grid layout, mobile-first design, and interactive hover effects. Perfect for subscription pricing pages and SaaS applications.

css3 flexbox-layout google-fonts hmtl5 mobile-first-workflow

Last synced: 10 Oct 2025

https://github.com/ayokanmi-adejola/blogr-landing-page

A Modern responsive landing page for Blogr publishing platform. Built with semantic HTML5, advanced CSS3 (Grid/Flexbox), and mobile-first design. Features pixel-perfect implementation, smooth animations, and cross-browser compatibility.

accesibilty css3 flexbox-layout html5 mobile-first-workflow

Last synced: 16 Mar 2026

https://github.com/ayokanmi-adejola/testimonial-page

A responsive testimonial page built for the devChallenges.io challenge. Crafted with semantic HTML and modern CSS to achieve a pixel-perfect, accessible, and visually engaging layout for both desktop and mobile devices.

css3 flexbox-layout html5 mobile-first-workflow

Last synced: 10 Oct 2025

https://github.com/ayokanmi-adejola/business-blog-card

A modern, responsive business blog card component built with semantic HTML and custom CSS. Features a clean card layout, a wavy SVG overlay for visual separation, and a dedicated author section.

css3 flexbox-layout html5 mobile-first-workflow

Last synced: 10 Oct 2025

https://github.com/ayokanmi-adejola/notification-page-design

A responsive notifications page built with vanilla HTML, CSS, and JavaScript. Featuring dynamic read/unread states, interactive elements, and full accessibility support with mobile-first design and smooth animations.

css3 google-fonts html5 mobile-first-workflow vannila-js

Last synced: 10 Oct 2025

https://github.com/ayokanmi-adejola/product-preview-card

A Responsive e-commerce product card with mobile and desktop layouts | Built with semantic HTML5, CSS custom properties, and Flexbox | Accessible design with hover states

css3 flexbox-layout html5 mobile-first-workflow

Last synced: 10 Oct 2025

https://github.com/ayokanmi-adejola/newsletter-signup-form

A responsive newsletter sign-up form with success message and form validation. Built with HTML, CSS, and JavaScript for Frontend Mentor challenge. Featuring mobile-first design, email validation, and smooth state transitions.

css3 form-validation html5 mobile-first-workflow vannila-js

Last synced: 10 Oct 2025

https://github.com/ayokanmi-adejola/contact-form

A responsive and accessible contact form built with HTML, CSS, and JavaScript. Features client-side validation, error handling, and success notifications. Fully keyboard navigable with screen reader support following WCAG accessibility guidelines.

css3 flexbox html5 mobile-first-workflow vanilla-js

Last synced: 10 Oct 2025

https://github.com/ayokanmi-adejola/simple-feature-section

A pixel-perfect, fully responsive feature section built for the devChallenges.io "Simple Feature Section" challenge. This project demonstrates modern HTML5 and CSS3 best practices, including semantic markup, Flexbox layouts, custom properties, and adaptive design for all devices.

css3 flexbox-layout google-fonts html5 mobile-first-workflow

Last synced: 10 Oct 2025

https://github.com/ayokanmi-adejola/rock-paper-scissors

A responsive, interactive Rock Paper Scissors game built with HTML, CSS, and JavaScript. Features include score tracking with localStorage persistence, animated transitions, and a clean, modern UI that works across all device sizes.

css3 html-markup html5 localstorage-api mobile-first-workflow vanilla-js

Last synced: 10 Oct 2025

https://github.com/ayokanmi-adejola/multi-step-form

A Responsive, and accessible multi-step form implementation featuring responsive design, real-time validation, and WCAG 2.1 AA compliance. Built with vanilla JavaScript, modern CSS, and semantic HTML as part of Frontend Mentor challenge.

css3 google-fonts html5 mobile-first-workflow vanilla-js

Last synced: 10 Oct 2025

https://github.com/ayokanmi-adejola/preview-card-component

A responsive 3-column preview card component built with HTML5 and CSS Flexbox. Showcasing three different car categories (Sedans, SUVs, and Luxury) with distinct color schemes and interactive elements. Features include responsive design for mobile and desktop and hover states for buttons.

css3 flexbox html5 mobile-first-workflow

Last synced: 10 Oct 2025

https://github.com/ayokanmi-adejola/fylo-data-storage-component

A Responsive data storage dashboard component with gradient progress bars and modern UI design. Built with HTML5 & CSS3, featuring mobile-first responsive design and interactive elements. Frontend Mentor challenge solution.

css flexbox-layout google-fonts html5 mobile-first-workflow

Last synced: 10 Oct 2025

https://github.com/ayokanmi-adejola/contact-page

A pixel-perfect, fully responsive contact page built with semantic HTML5 and modern CSS3, inspired by a real-world design challenge from devChallenges.io. This project demonstrates best practices in accessibility, responsive layout (Flexbox, media queries), and custom UI styling.

css3 flexbox-layout html5 mobile-first-workflow

Last synced: 24 Oct 2025

https://github.com/ayokanmi-adejola/weather-app

A modern, responsive weather application developed for the Frontend Mentor 30-Day Hackathon. featuring a visually engaging user interface, dynamic weather icons, and seamless support for for both metric and imperial units. Ideal for users seeking accurate, up-to-date weather information in a beautifully crafted web Application

css3 frontendmentor-challenge geocoding-api hackathon-project html5 mobile-first-workflow open-meteo-api responsive-design vanilla-js

Last synced: 10 Oct 2025

https://github.com/ayokanmi-adejola/coding-bootcamp-testimonials

Responsive testimonials slider built with HTML, CSS (Flexbox & Grid), and vanilla JavaScript. Features smooth transitions, keyboard navigation, and adapts seamlessly to all device sizes.

css3 flexbox-layout html5 mobile-first-workflow vanilla-js

Last synced: 10 Oct 2025

https://github.com/ayokanmi-adejola/conference-ticket-generator

An interactive web app that generates personalized Coding Conference tickets with custom photos and attendee details. Crafted with vanilla HTML/CSS/JS, featuring fluid animations, intuitive drag-and-drop uploads, and pixel-perfect responsive design.

accesibility css3 html5 mobile-first-workflow vanilla-js

Last synced: 10 Oct 2025

https://github.com/ayokanmi-adejola/loopstudios-landing-page

A responsive landing page built with HTML, CSS, and JavaScript. This project is a Frontend Mentor challenge solution featuring modern design, interactive elements, and mobile-first approach.

css3 flexbox-layout html5 mobile-first-workflow vanilla-js

Last synced: 10 Oct 2025

https://github.com/ayokanmi-adejola/order-summary-component

A responsive card component built with HTML and CSS that showcases an order summary for a music subscription service. Features hover states for interactive elements and adapts to different screen sizes.

css3 flexbox-layout google-fonts html5 mobile-first-workflow

Last synced: 10 Oct 2025

https://github.com/ayokanmi-adejola/interactive-pricing-component

A modern, responsive web component featuring a custom range slider for selecting pricing tiers and a toggle for monthly/yearly billing with automatic 25% discount calculations. Built with semantic HTML5, CSS3 animations, and vanilla JavaScript. Optimized for mobile and desktop with smooth user interactions and accessibility features

css3 google-fonts html5 mobile-first-workflow svg-assets vanilla-js

Last synced: 10 Oct 2025

https://github.com/ayokanmi-adejola/simple-article-listing

A responsive article listing page built for the devChallenges.io Simple Article Listing challenge. Crafted with semantic HTML5 and modern CSS3, featuring a custom SVG separator and accessibility best practices. Perfect for showcasing clean UI implementation and responsive design skills.

css3 flexbox-layout html5 mobile-first-workflow vanilla-js

Last synced: 10 Oct 2025

https://github.com/ayokanmi-adejola/simple-homepage

A pixel-perfect, fully responsive landing page built for the "Simple Homepage - Alarado" challenge on devChallenges.io. Crafted with semantic HTML and modern CSS, this project demonstrates best practices in accessibility, design fidelity, and responsive web development

css3 flexbox-layout html5 mobile-first-workflow

Last synced: 10 Oct 2025

https://github.com/ayokanmi-adejola/product-list-cart

A responsive e-commerce dessert shop interface built with vanilla JavaScript, CSS Grid, and Flexbox. Features include dynamic product listing, interactive shopping cart with quantity controls, order confirmation modal, and mobile-responsive design.

css3 flexbox-layout html5 mobile-first-workflow vanilla-js

Last synced: 10 Oct 2025

https://github.com/ayokanmi-adejola/qr-code-component

A responsive QR code card built with HTML and CSS. This clean, modern design features a QR code that links to Frontend Mentor challenge, helping developers improve their front-end skills.

css3 flexbox google-fonts html5 mobile-first-workflow

Last synced: 10 Oct 2025

https://github.com/ayokanmi-adejola/multi-step-register-form

A fully responsive, accessible multi-step registration form built with modern HTML, CSS, and vanilla JavaScript. This project demonstrates best practices in UI/UX design, form validation, and progressive disclosure for user onboarding. Ideal for learning, prototyping, or adapting multi-step forms in web applications

css3 html5 inter-font mobile-first-workflow vanilla-js

Last synced: 10 Oct 2025

https://github.com/ayokanmi-adejola/javascript-calculator

A beautiful JavaScript calculator built with React & TypeScript. Implements formula logic with proper order of operations, handles all edge cases, and passes all FreeCodeCamp tests. Features chain calculations, decimal precision, consecutive operator handling, and beautiful gradient UI.

mobile-first-workflow react18 tailwindcss typescript vite

Last synced: 10 Oct 2025

https://github.com/ayokanmi-adejola/blog-preview-card

This project is a solution to the Frontend Mentor challenge, featuring hover animations, custom styling, and semantic markup. The card displays article information with an interactive design that enhances user experience

css3 flexbox google-fonts html5 mobile-first-workflow

Last synced: 10 Oct 2025

https://github.com/ayokanmi-adejola/expenses-chart-component

Interactive expenses chart component built with HTML, CSS, and vanilla JavaScript, featuring dynamic data visualization, responsive design, interactive tooltips, current day highlighting, and custom hover effects.

css3 flexbox-layout hmtl5 json-data mobile-first-workflow vanilla-js

Last synced: 10 Oct 2025

https://github.com/ayokanmi-adejola/agency-landing-page

A responsive landing page for Sunnyside Agency built with HTML, CSS, and JavaScript. Features mobile-first design, custom animations, and interactive elements.

css3 flexbox-layout html5 mobile-first-workflow vanilla-js

Last synced: 17 Oct 2025

https://github.com/ayokanmi-adejola/article-preview-component

A responsive article preview component, developed as a Frontend Mentor challenge using HTML, CSS, and JavaScript, featuring a clean layout that accurately displays article information and includes an interactive share toggle.

css3 flexbox html5 mobile-first-workflow vanilla-js

Last synced: 10 Oct 2025

https://github.com/ayokanmi-adejola/age-calculator-app

A responsive web application that calculates a person's exact age in years, months, and days based on their birthdate. Features form validation, animated results, and a clean, accessible UI built with HTML, CSS, and vanilla JavaScript.

css3 google-fonts html5 mobile-first-workflow vanilla-js

Last synced: 10 Mar 2026

https://github.com/ayokanmi-adejola/github-profile

A responsive, accessible single page app that lets users search GitHub profiles with live suggestions, keyboard navigation, and previews of recent repositories. Built with semantic HTML, modern CSS, and vanilla JavaScript; it integrates the GitHub REST API for real data.

css3 devchallengesio github-rest-api html5 mobile-first-workflow vanilla-js

Last synced: 26 Oct 2025

https://github.com/ayokanmi-adejola/calculator-app

A responsive calculator web app with three theme options, built with HTML, CSS, and JavaScript. Features basic arithmetic operations, keyboard support, and theme preference saving.

css3 html5 localstorage-api mobile-first-workflow vanilla-js

Last synced: 02 Apr 2026

https://github.com/ayokanmi-adejola/ping-single-column-coming-soon-page

A Responsive coming soon page with email subscription and form validation. Built with HTML5, CSS3, and Vanilla JavaScript. Features mobile-first design, smooth animations, and comprehensive error handling.

css3 font-awesome-icons google-fonts html5 mobile-first-workflow vanilla-js

Last synced: 12 Mar 2026

https://github.com/ayokanmi-adejola/fylo-dark-theme-landing-page

A Modern dark theme landing page for Fylo cloud storage service. Built with semantic HTML5, advanced CSS Grid/Flexbox, and responsive design. Features smooth animations, accessibility compliance, and pixel-perfect implementation of professional UI/UX design patterns.

css3 flexbox-layout html5 mobile-first-workflow svg-images

Last synced: 10 Oct 2025

https://github.com/ayokanmi-adejola/clipboard-landing-page

A modern, responsive clipboard management landing page built with semantic HTML5 and CSS3. Features pixel-perfect design implementation, mobile-first responsive layout, interactive hover states, and optimized performance. Demonstrates professional web development practices with clean code architecture and accessibility standards.

css3 flexbox-layout google-fonts html5 mobile-first-workflow

Last synced: 10 Oct 2025

https://github.com/ayokanmi-adejola/to-do-app

A responsive Todo app built with vanilla JavaScript, HTML, and CSS that features theme switching, CRUD operations for tasks, filtering, drag-and-drop reordering, and local storage persistence.

css3 drag-and-drop-api htlm5 localstorage mobile-first-workflow vanilla-js

Last synced: 10 Oct 2025

https://github.com/ayokanmi-adejola/recipe-page

A responsive recipe page built with HTML and CSS for the Frontend Mentor challenge. Features a clean design with custom styling, responsive layouts, and semantic markup.

css3 flexbox html5 mobile-first-workflow

Last synced: 10 Oct 2025

https://github.com/ayokanmi-adejola/four-card-feature-section

A fully responsive four-card feature section built with semantic HTML5 and modern CSS (Grid & Flexbox). Solution to the Frontend Mentor challenge, focusing on accessibility, clean code, and best practices.

accessibility css3 html5 mobile-first-workflow

Last synced: 10 Oct 2025

https://github.com/ayokanmi-adejola/interactive-comments-section

A fully responsive and feature-rich comment system built as a Frontend Mentor challenge solution. Featuring real-time CRUD operations, upvote/downvote functionality, nested comment threading, user authentication simulation, and persistent data storage using localStorage. Built using HTML5, CSS3 , Vanilla JavaScript (ES6+), localStorage API

css3 flexbox-layout html5 localstorage-api mobile-first-workflow vanilla-js

Last synced: 10 Oct 2025

https://github.com/ayokanmi-adejola/social-proof-section

A modern, fully responsive social proof section built with semantic HTML5 and modern CSS. This project features user testimonials and ratings, adapting seamlessly to all device sizes for an optimal user experience.

css3 flexbox-layout html5 mobile-first-workflow

Last synced: 10 Oct 2025

https://github.com/ayokanmi-adejola/result-summary-component

A responsive web component that displays test results with a clean, modern UI. Built with HTML, CSS, and JavaScript. Features dynamic content loading and responsive design for all screen sizes.

css3 html5 json-data-handling mobile-first-workflow vanilla-js

Last synced: 10 Oct 2025

https://github.com/ayokanmi-adejola/intro-component-with-sign-up-form

A responsive landing page featuring an interactive sign-up form, built as a solution to the Frontend Mentor "Intro Component with Sign Up Form" challenge. This project demonstrates modern HTML5 and CSS3 best practices, accessibility, and pixel-perfect implementation based on a real-world design brief.

css3 flexbox-layout html5 mobile-first-workflow

Last synced: 10 Oct 2025

https://github.com/ayokanmi-adejola/bookmark-landing-page

A Modern Bookmark Manager Landing Page | Responsive HTML/CSS/JS implementation featuring interactive tabs, smooth animations, and mobile-first design. Built with semantic markup, CSS Grid/Flexbox, and vanilla JavaScript. Includes browser extension showcase, FAQ section, and newsletter signup.

css3 google-fonts html5 mobile-first-workflow svg-icons vanilla-js

Last synced: 10 Oct 2025

https://github.com/ayokanmi-adejola/project-tracking-intro-component

A pixel-perfect, responsive landing page component featuring modern web development practices. Includes interactive mobile navigation with hamburger menu, CSS-generated background shapes, hover states, and accessibility considerations. Built with semantic HTML5, modern CSS3 (Grid, Flexbox, custom properties), and vanilla JavaScript.

css3 flexbox-layout google-fonts html5 mobile-first-workflow vanilla-js

Last synced: 25 Oct 2025

https://github.com/ayokanmi-adejola/mortgage-repayment-calculator

A responsive mortgage repayment calculator built with HTML, CSS, and JavaScript. Calculate monthly and total repayments for both standard repayment and interest-only mortgages.

css3 flexbox html5 mobile-first-workflow vanilla-js

Last synced: 10 Oct 2025

https://github.com/ayokanmi-adejola/e-commerce-product-page

A responsive e-commerce product page built with HTML, CSS, and vanilla JavaScript. Features include an interactive image gallery with lightbox, product quantity selection, shopping cart functionality, and mobile-responsive design.

css3 flexbox htnl5 mobile-first-workflow vanilla-js

Last synced: 10 Oct 2025

https://github.com/skyv26/advice-generator-app

Random Advice Generator WebApp

accessibility css3 css3-flex css3-grid html5 mobile-first-workflow modular-css reactjs responsive-web-design

Last synced: 03 May 2026

https://github.com/ayokanmi-adejola/insure-landing-page

A modern, fully responsive insurance landing page. Built with semantic HTML5, modern CSS3 (Grid, Flexbox, Custom Properties), and vanilla JavaScript. Featuring mobile-first responsive design, smooth animations, accessible navigation, and optimized performance. Based on a Frontend Mentor design challenge.

css3 frontendmentor-challenge html5 mobile-first-workflow responsive-design vanilla-js

Last synced: 10 Oct 2025

https://github.com/dalascript/time-tracking-dashboard

Frontend Mentor Challenges | Time Tracking Dashboard | Challenge 15

api bem css fetch-api flexbox frontendmentor-challenges grid html javascript mobile-first-workflow scss time-tracking-dashboard

Last synced: 20 Apr 2026

https://github.com/bkpecho/advice-generator-app

This is a solution to the Advice generator app challenge on Frontend Mentor.

advice-generator-app adviceslip-api async-await css3 frontend-mentor html5 javascript mobile-first-workflow responsive-design scss

Last synced: 09 Apr 2026

https://github.com/dalascript/social-links-profile

Part 4 | Social links profile Challenge by Fronendmentor.io & Coded by Dala

bem css flexbox frontendmentor-challenge html mobile-first-workflow scss

Last synced: 17 Apr 2026

https://github.com/aymansoliman-dev/FCI

faculty-platform landing-page mobile-first-workflow responsive-web-design tailwindcss

Last synced: 19 Jun 2025

https://github.com/dalascript/frontend-quiz-app

Frontend Mentor Challenges | Frontend Quiz App | Challenge 20

bem css fetch-api flexbox frontend-quiz-app frontendmentor-challenges html javascript mobile-first-workflow

Last synced: 16 May 2026

https://github.com/skyv26/interactive-price-component

A frontend mentor challenge | Junior Level Task

css-flexbox css-grid css3 html5 javascript mobile-first-css mobile-first-workflow responsive-web-design sass-framework scss scss-mixins scss-styles

Last synced: 11 May 2026

https://github.com/dalascript/chat-app-css-illustration

Frontend Mentor Challenges | Chat App CSS Illustration | Challenge 29

bem chat-app-css-illustration css flexbox frontendmentor-challenges html mobile-first-workflow

Last synced: 04 Oct 2025

https://github.com/cholis04/clipboard-landing-page-master

This is my solution to the Clipboard Landing Page challenge on Frontend Mentor.

accessibility css css-custom-properties css-flex css-flexbox css3 flexbox flexbox-css mobile-first-workflow semantic-html

Last synced: 27 Mar 2026

https://github.com/dalascript/four-card-feature-section

Frontend Mentor Challenges | Four Card Feature Section | Challenge 6

bem css flexbox four-card-feature-section frontendmentor-challenges grid html mobile-first-workflow

Last synced: 07 Sep 2025

https://github.com/denisoct/skilled-elearning-landing-page

Skilled e-learning landing page

frontendmentor-challenge mantine-ui mobile-first-workflow react

Last synced: 06 Apr 2026

https://github.com/dalascript/newsletter-sign-up-form-with-success-message

Frontend Mentor Challenges | Newsletter Sign-up Form With Success Message | Challenge 14

bem css flexbox frontendmentor-challenges html javascript mobile-first-workflow newsletter-sign-up-form-with-success-message

Last synced: 14 May 2026

https://github.com/dalascript/skilled-elearning-landing-page

Frontend Mentor Challenges | Skilled E-Learning Landing Page | Challenge 18

bem css flexbox frontendmentor-challenges html mobile-first-workflow skilled-e-learning-landing-page

Last synced: 07 Sep 2025

https://github.com/dalascript/nft-preview-card-component

Frontend Mentor Challenges | NFT Preview Card Component | Challenge 9

bem css flexbox frontendmentor-challenges html mobile-first-workflow nft-preview-card-component

Last synced: 07 Sep 2025

https://github.com/dalascript/faq-accordion

Frontend Mentor Challenges | FAQ Accordion | Challenge 7

bem css faq-accordion flexbox frontendmentor-challenges html javascript mobile-first-workflow

Last synced: 12 Apr 2026

https://github.com/dalascript/recipe-page

Frontend Mentor Challenges | Recipe Page | Challenge 2

bem css flexbox frontendmentor-challenges html mobile-first-workflow recipe-page

Last synced: 17 May 2026

https://github.com/aymansoliman-dev/fci

faculty-platform landing-page mobile-first-workflow responsive-web-design tailwindcss

Last synced: 11 Mar 2026

https://github.com/kennedy-was-taken/four-card-feature-section-master

angular css html5 mobile-first-workflow transition

Last synced: 02 May 2026

https://github.com/dalascript/pod-request-access-landing-page

Part 27 | Pod request access landing page Challenge by Fronendmentor.io & Coded by Dala

bem css flexbox frontendmentor-challenge html js mobile-first-workflow scss

Last synced: 06 Feb 2026

https://github.com/dalascript/blog-preview-card

Frontend Mentor Challenges | Blog Preview Card | Challenge 3

bem blog-preview-card css flexbox frontendmentor-challenges html mobile-first-workflow

Last synced: 18 Apr 2026

https://github.com/dalascript/product-preview-card-component

Frontend Mentor Challenges | Product Preview Card Component | Challenge 5

bem css flexbox frontendmentor-challenges html mobile-first-workflow product-preview-card-component

Last synced: 07 Sep 2025

https://github.com/dalascript/qr-code-component

Frontend Mentor Challenges | QR Code Component | Challenge 1

bem css flexbox frontendmentor-challenges html mobile-first-workflow qr-code-component

Last synced: 30 Apr 2026

https://github.com/dalascript/equalizer-landing-page

Frontend Mentor Challenges | Equalizer Landing Page | Challenge 21

bem css equalizer-landing-page flexbox frontendmentor-challenges html mobile-first-workflow

Last synced: 07 Sep 2025

https://github.com/dalascript/meet-landing-page

Frontend Mentor Challenges | Meet Landing Page | Challenge 12

bem css flexbox frontendmentor-challenges grid html meet-landing-page mobile-first-workflow

Last synced: 07 Sep 2025

https://github.com/ateeqrana7/cloud-hosting-company

A mockup website for a Cloud Hosting Company, using Front-End Development tools and technologies. The whole website was designed using HTML, CSS and abit of JavaScript.

css css-flexbox css3 front-end-development frontend frontend-web html html-css-javascript html5 javascript mobile-first-workflow web-application web-development webapp webdevelopment website

Last synced: 08 May 2026

https://github.com/dalascript/stats-preview-card-component

Part 23 | Stats preview card component Challenge by Fronendmentor.io & Coded by Dala

bem css flexbox frontendmentor-challenge html mobile-first-workflow scss

Last synced: 30 Apr 2026

https://github.com/dalascript/3-column-preview-card-component

Part 24 | 3 Column preview card component Challenge by Fronendmentor.io & Coded by Dala

bem css flexbox frontendmentor-challenge html mobile-first-workflow scss

Last synced: 02 May 2026

https://github.com/denetodev/Blog-preview-card

Este projeto é um cartão de pré-visualização de blog, criado como parte de um desafio do Frontend Mentor. Utiliza HTML5, CSS e Bootstrap para um design responsivo e elegante, exibindo imagem, título, resumo, data de publicação e informações do autor.

bootstrap5 css3 design html5 mobile-first-workflow semantic-web website