CSS Selectors Technical Document Page: #100DaysofCode

Happy Sunday! I hope everyone had a relaxing weekend. My weekend was very productive. I finally completed my CSS Selector Technical Document project for FreeCodeCamp.org. This page took a few weeks for me to complete. In addition to the design, there was a lot of information to cover. I’m proud …

Landing Page, Part 2: #100DaysofCode R2D50ish 

I’m getting close to finishing my Landing Page project (FreeCodeCamp). I know I’ve said that before. However, it’s taken longer than I expected. Since my last post about my page, I’ve erased and restarted at least three times.  I get so caught up on color schemes and animation, that I stray away from my main task. I need to focus on the User Story and demonstrate my current skills. Eventually, I will be able to code a webpage with a parallax image. When the time is right, I will master the interesting animation techniques. But for now, I just need a page that includes a video, a place to insert email, and a fixed top navbar. 

Social Icons Finally …

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! 

Landing Page: #100DaysOfCode R2D43ish

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.

CodePen: Survey Form #100DaysofCode

I just completed my third Responsive Design Project tonight. Introducing my RF Travel Survey: Favorite Caribbean Islands form! The easy part was completing the code for the survey. It took longer for me to come up with the topic and questions. Once I did, the project was easy. 


See the Pen FCC: TravelSurveyFormTLanette by T.Lanette Pollard (@TLanette) on CodePen.


The first two projects I completed before FreeCodeCamp added more tutorials. Now that I’ve learned more about responsive design and using media queries, I can go back to redesign my earlier projects. This was the first time where I felt all of the skills I have learned were finally sticking. 

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 …