Newbie Techie || Learning, building and exploring the world of tech || Popular Loner, Meme lover, Music addict, Introvert but more of an extrovert.
Joined July 2024
- Tweets 42
- Following 736
- Followers 38
- Likes 2,115
Photos and videos
Pinned Tweet
17 Dec 2025
Hi, I'm Muhammad 👋
Aspiring frontend developer building my foundation in HTML, CSS, and JavaScript for responsive websites!
Follow my journey as i learn, code, and create.
#FrontendDevelopment #WebDev #Coding #FrontEnd #journey
2
130
Day 30 of my #30daysofcoding 💻
Finale! Reviewed all CSS: selectors, box model, floats, and more then styled a real page with background colors and layouts. Grateful for the grind! Next: JavaScript? 🎉
#30DaysChallenge #Day30 #CSS #FrontendJourney #code #codingjourney
1
2
18
Day 29 of my #30daysofcoding 💻
Today I learned CSS layouts with floats!
Use float: left; and width(in %, px, etc.) to position elements side-by-side like columns.
#30DaysChallenge #Day29 #CSS #FrontendJourney #Coding #FrontEnd #learning #CodingJourney
1
15
Day 28 of my #30daysofcoding 💻
Today I learned the CSS box model—a webpage is just boxes!
Every element has content, padding (inside space), border, and margin (outside space).
#30DaysChallenge #Day28 #CSS #FrontendJourney #CodingJourney #learning #FrontEnd #Coding
2
14
Day 27 of my #30daysofcoding 💻
Today I learned about the "cascade" in CSS!
It's how browsers apply default styles, but we can override them with our own rules.
#30DaysChallenge #Day27 #CSS #FrontendJourney #codingjourney #code #Journey
1
20
Day 26 of my #30daysofcoding 💻
Today I learned CSS selectors!
Three types: Type selectors (target all elements), descendant selectors (style nested elements), and class selectors (reusable with class).
#30DaysChallenge #Day26 #CSS #FrontendJourney #Challenge #CodingJourney
2
35
Day 25 of my #30daysofcoding 💻
Today: Intro to CSS (Cascading Style Sheets)! It adds layout, style, and design to HTML content structure. Linked my first CSS file in <head> and use properties/values like color.
#30DaysChallenge #Day25 #CSS #FrontendJourney #codingjourney
2
14
Day 24 of my #30daysofcoding 💻
Today I learned how to create tables with HTML! Use <table>with <tr>(table rows), <td>(data cells), <th>(headers), and <tfoot> (footer)—perfect for tabular data like schedules, not layouts.
#30DaysChallenge #Day24 #HTMLTables #FrontendJourney
1
14
Day 23 of my #30daysofcoding 💻
Today i learned form fields for user choices!
Three types: <select> with <option> for drop-down, <input type="radio">for single picks, and <input type="checkbox"> for multiple selections.
#30DaysChallenge #Day23 #HTMLForms #FrontendJourney
1
11
Day 22 of my #30daysofcoding 💻
Continuation—— I also saw other special input types like telephone, and how to use the <textarea></textarea> element so users can type a longer message instead of just a single-line input.
#30DaysChallenge #FrontendJourney #CodingJourney #day22
1
14
Day 21 of my #30daysofcoding 💻
Today I learned about different form inputs. I used the form element with a label and an input type="email" with an id and name, so the browser can validate that the user enters a real email address.
#30Days #Day21 #HTMLForms #FrontendJourney
2
73
Day 20 of my #30daysofcoding
Just leveled up with HTML forms!
Learned how to create interactive forms to collect user input and send it to a server. Basic form structure: <form></form> input fields.
#HTML #WebDev #Forms #codingjourney #30dayschallenge #day20 #Journey
1
15
Day 19 of #30daysofcoding 🚀 💻
Dived into HTML <section>!
It's like breaking content into chapters, creating structure & semantic meanings.
#HTML #WebDev #CodingJourney #FrontEnd #learning #CodingJourney #FrontendJourney #30DaysChallenge
1
20
Day 18 of #30daysofcoding 💻
Learned about comments today- they're like notes to self and that the browser ignores. Use <!- - comment - -> to explain your code.
#HTML #CodingJourney #WebDev #day18 #30DaysChallenge #Coding #Challenge #FrontendJourney #learning #FrontEnd
2
13
Day 17 of my #30daysofcoding 💻
Today i learned non-semantic elements: <div> (block-level, for grouping page chunks like sections no meaning, just structure) and <span>(inline, like a neutral version of <strong>or<em>).
#30DaysChallenge #Day17 #FrontendJourney #CodingJourney
1
14
Day 16 of my #30daysofcoding 💻
Today i learned the <nav>element for navigation!
It holds major blocks of links (like home, about, contact) using <ul></ul> with <li><a href="page.html">Link</a></li>.
#Challenge #Day16 #FrontendJourney
#Journey #northeast #codingjourney
1
16
Day 15 of my #30daysofcoding 💻
Today wrapping up HTML basics—time to shift to CSS tomorrow!
Mastered structure, links, media, lists, and semantics so far. Feeling ready to style it all up.
#30DaysChallenge #Day15 #FrontendJourney
1
3
26
Day 14 of my #30daysofcoding 💻
Today i learned structural elements: they group content and add meaning to pages.
Started with <header>and<footer>, then <article>for main content, and <aside> for related but separate sections (like sidebars).
#Day14 #FrontendJourney #code
1
14
Day 13 of my #30daysofcoding 💻
Today i tackled special characters in HTML! These are symbols you can't type directly (like quotes, &, ©) use codes like ’ for right single quote, ‘ for left single quote, " for double quotes, and & for ampersand.
#Day13
1
9
Day 12 of my #30daysofcoding 💻
Today i learned how to make text bold and italic! Use <strong>for bold (or <b>), and <em> for italic (or <i>). <strong> and <em> add meaning (importance/emphasis), while <b> and <i> are just visual.
#Day12 #FrontendJourney #code #Challenge
1
3
17