Inspired by @apparent_dev , I'm joining this #100DaysOfCode challenge. Will start the web development course from the scratch on @freeCodeCamp . So yh, 100 days of HTML, Css, JavaScript.
I'll make this a thread to monitor my daily progress.
GOD help me

Day 1 - Went through the introduction to HTML and HTML 5 on @freeCodeCamp . Downloaded Visual Studio code for the sake of this challenge. Proceeded to learn about tags in HTML.
Applied, the heading tags ( H1 - H6).
Paragraph tag, and tried my hands on comment. #100DaysOfCode

Day 2 - Continued the HTML curriculum on @freeCodeCamp
Added images and links to my test website. Played around nesting an anchor element within a paragraph.Turned images to links, learnt how to create list, ordered and unordered alike.Text field and placeholder #100DaysOfCode

Day 3 - Mostly worked with the form tag today, Completed the HTML course on @freeCodeCamp . Added a set of radio boxes and checkbox to the form on my test website. Made some of this boxes checked by default, set a text field to required. We start exploring CSS now #100DaysOfCode

Day 4 - Continued the Course on @freeCodeCamp . Learnt the basics of CSS, joined the @FrontendMasters free bootcamp, watched tutorials on Css, I opened an external style sheet which I linked to my test website. @_100DaysOfCode #100DaysOfCode #CodeNewbie https://frontendmasters.com/bootcamp/introduction-css/html-file-setup/

Day 5 - Continued learning CSS with the video materials on @freeCodeCamp & @FrontendMasters free bootcamp, Played around borders and background colors on the test website, added my pictures to the gallery in the website... #100DaysOfCode #CodeNewbie #CSS

Day 6 - Continued the tutorials on @freeCodeCamp & @FrontendMasters bootcamp. Added blockquotes to my test website and styled them, played around margin and padding, Moved on to classes & pseudo classes. @_100DaysOfCode #100DaysOfCode #CodeNewbie #CSS

Day 7 - Moved to the CSS tools & exercises session on @FrontendMasters free bootcamp, continued the CSS tutorials on @freeCodeCamp ... Added a contact us page on my test website. #100DaysOfCode #CodeNewbie @_100DaysOfCode #CSS #html5

Day 8 -
Completed the Basic CSS course on @freeCodeCamp
Continued with the CSS tutorials on @FrontendMasters free bootcamp
Copied the penguin code on @freeCodeCamp to pencode and used CSS variables to change several elements at once.
#100DaysOfCode #CodeNewbie @100xcode

Day 9 - Didn't write alot of code today, just got alot more familiar with CSS color tools, more tests to understand margin, border and padding, completed the exercise on @FrontendMasters bootcamp (CSS) . #100DaysOfCode #CodeNewbie @100xcode @_100DaysOfCode

Day 10 - Moved to the responsive design section on @freeCodeCamp ... Styled the navigation bar on my test website. Continued the CSS basic tutorials on @freeCodeCamp ... #100DaysOfCode #CodeNewbie #lockdownhustle

Day 11 & 12 -
Focused on going over and practicing all I've learnt so far.... Built a simple web page with an header, nav bar , blockquote, form and footer, with my knowledge of basic HTML & CSS ... There's still alot to learn.
#100DaysOfCode #CodeNewbie

It's been a while I updated my progress here.

So Day 13?

I recreated this transparent login form with HTML and CSS.

You can find the code here - https://codepen.io/akinyemi-olaleye/pen/eYpWdZp

I'll try to keep up henceforth with the updates.

#100DaysOfCode #CodeNewbie #Html #css

#100DaysOfCode
Day 14 - Watched tutorials on YouTube and created a simple sign up page with HTML and CSS ...

Not sure which background looks better.

Codepen link - https://codepen.io/akinyemi-olaleye/pen/VwvNLga

Which background do you prefer and why?
#CodeNewbie #HTML #CSS