Tag: bootstrap

  • 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…

  • Day 14: Client Website

    Day 14: Client Website

    Today I continued work on the client website. I focused on building one of the other pages so I could have a foundation and build upon them further when needed. I was able to get about 25% of the layout completed. A great resource I found a few months ago was the Lorem Ipsum Generator,…

  • Day 13: Client Website

    Day 13: Client Website

    Whoops, I missed another day… But that’s okay because I came back! 😉 Slow but steady progress is how I look at my tiny victories. These are the goals I completed: I started setting up the HTML for the other pages. I finally figured out how to resize a Bootstrap svg image. I was having…

  • Day 12: Client Website and freeCodeCamp

    Day 12: Client Website and freeCodeCamp

    Today was another combination of the client website and freeCodeCamp. For the first, I managed to hide the navigation bar links for smaller displays (got some help on better understanding onclick menus from W3Schools here) and resized the hamburger menu icon as they were duplicate values that were causing the sizing to be unaffected. I…

  • Day 11: Client Website and freeCodeCamp

    Day 11: Client Website and freeCodeCamp

    I worked a little bit on the client’s website on ensuring the hamburger menu icon was displaying (thanks, Bootstrap, for your icon which I found here)! I attempted to include responsiveness but had to step back for a bit. I also focused on freeCodeCamp’s next challenge working with a JSON object. I was able to…

  • Day 10: Client Website

    Day 10: Client Website

    I’m always amazed at how quickly an hour whizzes by… The other big lesson 100 Days of Code is teaching me is becoming more aware of time management and trying to accomplish goals within that hour. Today’s goal was to continue working on responsiveness for the navigation bar. The biggest issue I struggled with was…

  • Day 9: Client Website

    Day 9: Client Website

    I ended up not being able to code yesterday. Thankfully, the rules for 100 Days of Code allow a one day break if you’re unable to do so but I made sure to drop back in today. My focus today was responsiveness – specifically changing the navbar and the links included. I also worked on…

  • Day 8: freeCodeCamp and Client Website

    Day 8: freeCodeCamp and Client Website

    Sometimes website development (and learning) can be summed up by the expression in this photo… Today I decided to do a little bit of freeCodeCamp as well as attempting to make some progress for my client. I was able to get through three lessons on the first and attempted to make a bit of progress…