100 Days of Code: Day 35

Home / Technology / Web Development / 100 Days of Code: Day 35
There are just TWO projects left to complete before I can claim my Free Code Camp Responsive Web Design Certification! I'm really proud of what I accomplished with the Dream Cakes landing page, especially being that this was my first project using flexboxes (and I am pretty sure I rocked it).

[vc_row css=”.vc_custom_1526680382655{margin-top: 15px !important;margin-bottom: 60px !important;padding-right: 10% !important;padding-left: 10% !important;}”][vc_column][vc_progress_bar values=”%5B%7B%22label%22%3A%22Progress%22%2C%22value%22%3A%2235%22%2C%22color%22%3A%22blue%22%7D%5D” title=”100 Days of Code, Round 1″ percentage_value=”27″ title_color=”#3e3e3e” bar_color=”#1b7da9″ track_height=”20px” track_color=”#e7f6fc” m=”20″ extra_class=”” units=”%”][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text=”Goals For Today:” font_container=”tag:h3|text_align:left” use_theme_fonts=”yes”][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][vc_custom_heading text=”The Good:” font_container=”tag:h3|text_align:left” use_theme_fonts=”yes”][vc_column_text]I finished my third Free Code Camp responsive web design project, leaving just two left to complete before I can request my certificate.[/vc_column_text][vc_custom_heading text=”The Bad:” font_container=”tag:h3|text_align:left” use_theme_fonts=”yes”][vc_column_text]I have to admit that by about halfway through this project, I really just wanted to be done with it. I don’t even know why. I enjoyed the coding aspect, but for some reason I am just really impatient to get to that certificate. I think I may still have JavaScript on the brain and I know that’s what comes next.[/vc_column_text][vc_custom_heading text=”Notes/Comments:” font_container=”tag:h3|text_align:left” use_theme_fonts=”yes”][vc_column_text]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.

[codepen_embed height=”500″ theme_id=”33690″ slug_hash=”ZRBmLQ” default_tab=”css,result” user=”ablissfullemon”]See the Pen <a href=’https://codepen.io/ablissfullemon/pen/ZRBmLQ/’>Dream Cakes Product Landing Page</a> by Aimie | Blissful Lemon 🍋🌺 (<a href=’https://codepen.io/ablissfullemon’>@ablissfullemon</a>) on <a href=’https://codepen.io’>CodePen</a>.[/codepen_embed]

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.[/vc_column_text][vc_custom_heading text=”Important Links” font_container=”tag:h3|text_align:left” use_theme_fonts=”yes”][vc_column_text]

[/vc_column_text][/vc_column][/vc_row]

Let's chat!

%d bloggers like this: