Front End Development

I recently signed up for a coding bootcamp called Freemote! Find some examples of my work below.

Landing Page - Mobile and Desktop Responsive

This landing page was a lot of fun to make, and such a challenge as well! Switching between the mobile and desktop sizes will give you an idea of how much the items on the page move around, which means that I had to write lots of extra adjustment code to make that happen. The extra time spent on this final project in Week 1 of my bootcamp was absolutely worth it - I learned so much and am so excited to keep coding!

Delivery Status

I had so much fun putting together this responsive delivery status page! If the size of the web browser is smaller than what a desktop would allow for, then only the center image shows (and it shrinks, too!!). Try it for yourself and see my code here if you'd like!

Mobile and Desktop "Coming Soon" Landing Page

This was my first time starting with a completely blank slate and making a web page out of CSS and HTML!! It was also my first time using Figma and I absolutely loved the experience of building something from scratch. The page is also responsive, so it appears differently depending on your browser size! Click here to see my code and the full pages.

Next up, I made some changes that included altering the image, text color, background, and email-submission form. I wrote this code all by myself again and am so happy with the results!

CSS Practice Problem 4 - Position, Display, and Responsiveness (aka Flex)

CSS Practice Problem 3 - Selectors, Attributes, Pseudo-Classes, and Pseudo-Elements

CSS Practice Problem 2 - The Box Model

CSS Practice Problem 1 - Fonts, Colors, and Sizes

HTML Practice Problem 3 - i-frames, Styles, and Scripts

HTML Practice Problem 2 - Forms, Inputs, and Options

HTML Practice Problem 1 - Headers, Paragraphs, Divs, and Spans