Keyless Websites

Tag: website development

  • Day 28: freeCodeCamp Learn Basic JavaScript Record Collection

    Day 28: freeCodeCamp Learn Basic JavaScript Record Collection

    I decided to jump back into JS for a bit to give my mind some time to get back into learning this language. I’m stuck on another challenge but I’m trying to break it down and understand each element and why my solutions aren’t the correct answer. Photo by StockSnap on Pixabay.

  • Day 26: Personal GitHub Project

    Day 26: Personal GitHub Project

    I decided to switch things up for myself and continued adding the building blocks to a project I’ve been meaning to work on for some time. It was also a way to familiarize myself with GitHub as I still have a lot to learn about the different features. Image by Markus Winkler from Pixabay.

  • Day 25: Client Website

    Day 25: Client Website

    Today I focused on responsiveness of the company logo and hamburger menu for different breakpoints. I’m visually learning the differences between min- and max-width for resizing, and I found the margin-top value was causing issues with whitespace between two elements of the page. Photo by StockSnap on Pixabay.

  • Day 22: Client Website

    Day 22: Client Website

    I focused on work for the navbar links; fixing the company logo; and working on some media query differences. Helpful resources for today’s session include Boostrap’s position element and the navbar element. Photo by StockSnap on Pixabay.

  • Day 21: Client Website

    Today I worked on the placement of the links in the footer as well as the footer itself; some media queries to ensure a consistent look across all screens; and on the sizing of the background image used for a specific page.

  • Day 20: Client Website

    I continued my progress on the client website, focusing on including previously made elements as well as photos and aligning them as needed and ensuring responsiveness in different screen sizes. Two helpful resources I used were MDN’s background-repeat and Treehouse’s How to Fix a Broken Image [Article]. A gentle reminder to myself – if an…

  • Day 18: CSS Media Queries and Client Website

    Day 18: CSS Media Queries and Client Website

    As I mentioned yesterday, I decided to continue learning about media queries with the lesson I found before. Although I wasn’t able to see the effects in real time (make sure to follow directions and download any other resources before starting, :’)), I’m glad I was able to start getting a handle on SCSS’s syntax.…

  • Day 17: Client Website

    Day 17: Client Website

    Today I tried to figure out why the CSS wasn’t being applied to the webpage. Today turned into some very interesting and trying times as it took an unexpected twist. I first thought I was editing the wrong index file but after checking into the location this turned out false. I also attempted to clear…

  • Day 16: Client Website

    Day 16: Client Website

    I continued adding on information about the team as well as spacing for the descriptions; modifying photos’ dimensions; and starting to build upon the other pages by putting foundational pieces included in each (footer and navbars). I removed the previously included borders for now as it doesn’t match the client’s requirements for the website. Something…

  • Day 15: Client Website

    Day 15: Client Website

    Today I continued working on the client website, specifically samples of the teams’ photos. As I wanted a smooth circle instead of rectangles for the borders, I adjusted the size of the photos so they were more rounded. I also played with different placement of the titles (I’m still working on finding the right combination…