Playing with Bootstrap 4: #100DaysofCode, R2D13

It’s Caturday and “School is Over” Saturday! That means I can focus my time, mind, and energy on my coding. Today I was designing a portfolio website using Bootstrap 4. Actually, I’m trying to review HTML5 and different frameworks. It seemed like a good idea to review Bootstrap using W3Schools’ website. Now that I’ve gone through the information a second time, it makes sense. It’s still a work in progress, but this is what I’ve done so far. Continue reading

Hijacked by the “White Screen of Death!”

How can a weekend that started with a 1.5-hour massage and a relaxing graduation party end up crappy? Well, thanks to the “White Screen of Death” my relaxing weekend turned into an endless puzzle. First, let me say that my blog silence was not planned this weekend. It happened because …

#100DaysOfCode : Cheatsheets!

I love Web Coding Cheatsheets! However, I always lose track of where I’ve bookmarked them. So, when I found these two with embed codes, I decided to share them in a post. Of course, now I’ll know where to find them. The first one is an HTML5 Tags Cheatsheet. HTML5 …

R1Day7: Playing with Flexbox Froggy

My #100DaysofCode R1ReDo has been moving slowly, but at least it’s moving. I tried out CSS Grid Garden in January. However, I put my coding aside to deal with a health issue. Now that I’m recovering on medical leave, I’m more determined to be consistent with learning how to code. (Well, at least for these next two weeks.) Today, Day 7, I decided to play around with Flexbox Froggy. Then, I worked on my JavaScript tutorials on FreeCodeCamp.org. I needed to review the basics before I started working on my projects again. Flexbox seemed like a great place to start. Those little frogs were very helpful!

Stuck in Grid Garden: Day3ReBoot #100DaysOfCode

Bitmoji of Black Woman with locs sitting at a desk with papers saying she doesn’t get it.

I should’ve known today would be tough. As I started my CSS Grid Garden puzzles, my WiFi went out. (My account said it was working, my devices said Nope!) I had 5 more puzzles left (#25-28), so of course, my modem would act up. After ten minutes of restarting my modem and Roku (was watching Midsomer Murders), I was ready to code my grid garden. My fun didn’t last long. I got stuck on Puzzle 26. I understood and completed puzzles 25 and 27. However, for 26, I couldn’t get the pixels (px) and fractional (fr) parts correct to water everything except for the top 50px of the garden. I’m still stuck! Hopefully, I’ll be able to figure it out tomorrow, so I can move on to #28.

Grid Garden – A game for learning CSS grid

A game for learning CSS grid layout

Source: Grid Garden – A game for learning CSS grid

I spent Day 1 of my #100DaysofCode Reboot reviewing CSS Grid.  This game helped me to get back into coding after stopping for a few months. I had fun playing this game, watering my carrots and killing my weeds. (The easiest garden I’ve ever maintained.) I’ve read the articles on Medium and on different websites. They’ve all been informative and helpful. However, as a visual learner, I needed just a little bit more reinforcement. I found it easier to understand the code as I was moving water and weed killer between the columns and rows. Today I finally got it! I made it through Level 6 today. Hopefully, by the end of the weekend, I’ll finish all 24 levels. Then, I’ll be ready to start some new projects on Codepen. If you need me, I’ll be playing in my garden.