John-Davidson-8
Living and learning, watching and reading, listening and listening some more! The coding life! Two years in and how did I live so long without these bugs?
United Kingdom
Pinned Repositories
atom-flexbox
A short Flexbox iteractive tutorial from "coding is hard."
css-exercises
My first fork in github, exercises for practicing css in odin project
davidson-digital-design
fem-3-column-preview-card-component-main
Another small Frontend Mentor project completed from the newbie section.
fem-nft-component-card
A small Frontend Mentor challenge. Single card using CSS Flex-box. Learned: overlay an image with an icon using relative and absolute properties. Also hover pseudo elements.
fem-product-preview
A small Frontend Mentor project using Flexbox. Learned: media query.
fem-profile-card
A small Frontend Mentor challenge using HTML, CSS and CSS Flex-box. A profile card with avatar.
fem-result-summary-site
A small Frontend Mentor challenge creating a single card using HTML, CSS and CSS Flexbox.
fem-stats-preview-site
A small Frontend Mentor project using HTML, CSS, and CSS Flex-box.
frontend-mentor-qr-code-project
QR code project from Frontend Mentor using Flex-box.
John-Davidson-8's Repositories
John-Davidson-8/smilga-10-cards-project
Set up cards as in a blog site. Use and style icons.
John-Davidson-8/smilga-animation-project
Add transform and animation in css to simple webpage
John-Davidson-8/smilga-background-images-project
Learn how to add images as background and use linear gradient. Also simple navbar and button.
John-Davidson-8/smilga-backroads-project
Site using CSS Flexbox, fixed navbar. Contains cards within using Flexbox.
John-Davidson-8/smilga-box-model-project
First taste of box model with simple cards
John-Davidson-8/smilga-coffee-site-project
Simple site with images
John-Davidson-8/smilga-css-color-project
CSS colour project using rgba.
John-Davidson-8/smilga-css-units-project
A short project highlighting basic css units such as color and typography
John-Davidson-8/smilga-display-property-project
Learn view-widths and max-width
John-Davidson-8/smilga-html-css-test
John-Davidson-8/smilga-position-property-project
One page website using media queries, position absolute and navbar position sticky.
John-Davidson-8/smilga-tea-station-project
Simple site using box-model (no Flex or Grid). Clear-fix and animations in use also.
John-Davidson-8/smilga-typography-project
Learn google fonts and typography