When you finally figured out why your social icons wouldn’t justify-content-between using Bootstrap 4 and flexbox…

via GIPHY

Yasss! It took an hour, but I finally figured out my “div” container wasn’t large enough… That meant my icons couldn’t spread out if they didn’t have room. Something so simple! Yet, it took an hour and a Google search before I realized my mistake. My #100DaysofCode is never dull! 

I started working on my Product Landing Page two days ago. I decided to keep the Caribbean travel theme from my Survey Page. The tests set up by FreeCodeCamp have been very helpful. I get to see in real-time if my code is working and if I’m following the User Story accurately. It’s still a work in progress, so I’ll keep you posted.

Signature in Burgundy cursive spelling out T. Lanette.

#100DaysofCode R2D40: Responsive Web Design Projects

It’s taken me a while, but I finally finished my CSS and Flexbox Tutorials! Now I’m ready to start my Responsive Design Projects! I was able to complete a Tribute and Portfolio pages before FreeCodeCamp added more tutorials. Now that I’ve learned new techniques (and reviewed important old ones), I plan on improving those pages. (My pages look so basic and unpolished.) I have a better understanding of Flexbox and CSS Grid. However, I  know I need to continue working with both techniques often to make the skills stick.

Responsive Design: Survey Form

My first responsive design project is…Drum Roll… A Survey Form!!! I’m excited because I completed a contact form last month for one of the CodePen Challenges. Now I have the perfect practice form as a guide my project. I’m getting closer to completing my certificate. I hope I can continue to code regularly once school starts. 

Signature in Burgundy cursive spelling out T. Lanette.

Source: Responsive Web Design Projects | freeCodeCamp

Form CodePen Challenge: #100DaysofCodeR2

I’m glad I signed up for the CodePen Challenge! I was concerned about using the coding skills that I was learning. Now I can practice those skills using the challenges. This form took a while for me to complete. I always get caught up in the type of code I should use or the design. I wasn’t sure if I should use flexbox, Bootstrap, or CSS Grid. Then I realized, I was overthinking the whole project. Once I moved past this slight block, I was ready to complete my form. I am very proud of the result!

See the Pen RogetFreelancingForm #CodepenChallenge by T.Lanette Pollard (@TLanette) on CodePen.

https://static.codepen.io/assets/embed/ei.js

Website Built with WordPress.com.

Up ↑

%d bloggers like this: