100 Days of Code: Day 35
100 Days of Code, Round 1
Goals For Today:[ultimate_icon_list icon_size=”16″ icon_margin=”20″][ultimate_icon_list_item icon_type=”custom” icon_img=”id^4091|url^https://www.blissfullemon.com/wp-content/uploads/2018/05/done.png|caption^null|alt^null|title^done|description^null”]Finish the ‘Product Landing Page‘ project for Free Code Camp[/ultimate_icon_list_item][/ultimate_icon_list]
I finished my third Free Code Camp responsive web design project, leaving just two left to complete before I can request my certificate.
If you want to see the HTML and CSS for the page, check out the pen below. You can also view a full-screen version, which you will notice is incredibly responsive. I used a few separate flexboxes to align the content for different screen sizes.
You can also visit Free Code Camp to review the requirements for the product landing page OR click on the green bars in the top-left-hand corner of the page to test it against the requirements. Just select “Product Landing Page” from the dropdown menu, then click ‘Run Tests.’ Once you see the green ‘Tests 16/16’ button, you can click on that to see a full breakdown of the requirements.
P.S. Did you happen to notice that this is my 36th consecutive day blogging?! That is a new record for me. I am so happy that I was able to find the time and purpose for blogging during this time. If you’re just getting started with your own 100 Days of Code, or any other challenge like it, I definitely recommend giving blogging a shot. It doesn’t take too much time each day, and the benefits are amazing. I love having the opportunity to step back and reflect on what I have accomplished, what my plans are coming up, what has worked, and anything that I might want to change in the future.
- Codepen Project: https://codepen.io/ablissfullemon/pen/ZRBmLQ