Johnny's Projects
a responsive 3 column preview card component challenge from Frontend Mentor, build with Mobile First Workflow, HTML &CSS
A Portfolio for Patrick.
a chat app built completely with pure CSS (without svgs).
a frontend mentor challenge built with CSS Flexbox for responsiveness, and Mobile-First.
a four card feature section made with CSS Grid and mobile first workflow.
a data storage component challenge by a hypothetical company named Fylo from frontend mentor built using CSS Flexbox and Mobile-first workflow.
a hypothetical landing page with a two column layout challenge named Fylo built with CSS Flexbox and Mobile First Workflow.
a huddle landing page challenge built with CSS Flexbox, Grid and Mobile First workflow.
a landing page called "Huddle" with a single introductory section built with CSS FlexBox and Mobile First workflow.
a huddle landing page built with CSS Flexbox and mobile first
Config files for my GitHub profile.
for Maalu E-Commerce
an NFT preview card built with CSS Flexbox
an order summary card challenge from frontend mentor built using semantic HTML & CSS Flexbox.
:mortar_board: Path to a free self-taught education in Computer Science!
i built a product preview component project by frontend mentor using HTML & CSS Flexbox.
a profile card component built with CSS Flexbox, Grid, CSS Positioning and Desktop first workflow
a qr code component challenge from frontend mentor build with HTML & CSS
i was both frustrated and excited while learning how to make this. i hope you enjoy this, as much as i enjoyed learning how to make this.
a single price grid component built with CSS Grid, Flexbox and Mobile First Workflow
a responsive social proof section built with Mobile-first workflow, CSS Grid & Flexbox.
a stats preview card component challenge from frontend mentor built with CSS Flexbox.
Huzzah! I used git for the first time to push this from Local to remote, pretty cool.
a testimonial grid layout built with css grid, flexbox & mobile-first workflow.
hey!, let me try.
a resposive landing page for a hypothetical Tinder app for Dogs built with Bootstrap.
A basic vintage-designed calculator app possessing sound effects on events, sound toggle feature, power on/off toggle, error checking and handling, screen clearing, character deletion and micro button-click animations all done with HTML, CSS and Javascript.