Coder – HTML/CSS – Level 1

Dive: Coder - HTML/CSS
Description: Knows how to code using HTML/CSS
Level: Level 1
Level Requirements: Can code in HTML/CSS at a basic level
Certified On: Aug 16, 2025

Editor’s Note: On all dive certifications, we try to edit the writing as little as possible to preserve authenticity, personality, and writing style. We typically fix spelling errors, but minimally modify grammar and sentence structure (just enough to ensure readability).

Name: Kamran Zafar Break Diving Level: Recruit Number of Certified Dives: 1 From: Pakistan In: Pakistan

1. When and Why Did You Decide to Pursue This Dive At This Level? What was your inspiration and motivation?

As a Bachelor of Computer Science, I knew that front-end technologies are necessary, and mastery in HTML/CSS is the first step towards creating a user-friendly website. I started with this level 1 dive because I wanted to formally assess and identify my basic coding skills, and inspired myself to keep growing.

2. How Long Did It Take For You To Accomplish This Dive At This Level From The Day You Decided To Pursue It, And Why Did It Take That Long?

It took me about three weeks to dive this. Although I was already familiar with the basics of HTML/CSS, I again saw the concepts from scratches to ensure that I can create clean, meaning and well -structured webpages. I took time to work with construction forms, layouts and flexboxes and media queries.

3. What Was The Hardest Part About Achieving This Particular Dive Level?

Even though I already knew the basics of HTML and CSS, I decided to start from scratch again. I wanted to make sure I really understood everything and could build clean, simple, and well-structured web pages.

I spent most of my time working on forms, page layouts, and using flexbox for arranging content. I also practiced media queries so the pages could look good on different screen sizes. Going over these things slowly helped me get more comfortable and confident.

I didn’t just want to do the bare minimum. My goal was to be sure I could actually use HTML and CSS to create a small, real-world interface. By the end, I felt more sure about how to structure a page, style it neatly, and make it responsive.

4. What Was The Easiest Part About Achieving This Particular Dive Level?

The easiest part for me was writing semantic HTML. Once I understood the purpose of tags like <header>, <main>, <section>, and <footer>, they felt comfortable using them.

5. What Is Your Advice For Someone Who Is Pursuing This Dive And Level?

Pay attention to the creation of real things, even if they are small. Do not only follow the tutorial passively but with the code and then try your own versions. Start with a basic portfolio, a contact form, or make a simple landing page that you like. Use the browser Dev Tool to inspect how other sites are manufactured. Also, don't worry about mastery in everything, just go to the goal basics and become confident.

6. What Are Some Of The Best Resources You Recommend to Those Pursuing This Dive At This Level, And Why Do You Recommend Them? Please Include Relevant Weblinks, If Applicable.

I will prefer freeCodeCamp because it helped me a lot. It has a great library of little practices which makes you pro at HTML/CSS.

Resource 1: freeCodeCamp Responsive Web Design Course - A hands-on, beginner-friendly course with interactive coding challenges.

Resource 2: MDN Web Docs for HTML - This is the most trusted and up-to-date resource for HTML

Resource 3: -

Resource 4: -

Resource 5: -

7. Tell Us A Story Of One Of Your Adventures While Pursuing This Dive (At This Level).

While practicing HTML and CSS, I set myself a challenge to recreate a landing page I had come across online. I opened the page in one tab and my code editor in another, slowly working through each section and figuring out how to make it look and feel the same. At first, it was tricky to understand how certain parts were arranged, but as I experimented with layouts, colors, and spacing, the pieces started to fall into place. It felt satisfying each time a section matched what I saw on the original page.

By the time I reached the final touches, I realized I was not just copying a design but building my own version from the ground up. Watching the page come to life using only HTML and CSS gave me a feeling of accomplishment I had not experienced before. It made me confident that I could take an idea, break it into steps, and turn it into something functional and visually appealing.

8. What Evidence Did You Submit to Prove You Met the Requirements for This Dive and Level?

I’m sharing screenshots and live links of webpages I’ve built using HTML and CSS, including a personal portfolio page.

Personal Portfolio Website

Google UI Clone

Age Calculator
Portfolio Link: https://kamranzafar4343.github.io/creative_portfolio/
Google UI Clone: https://kamranzafar4343.github.io/google-UI-clone/
Age Calculator: https://kamranzafar4343.github.io/age_calculator/

9. Will You Be Pursuing The Next Level For This Dive? If Yes, Why? If Not, Why Not?

Yes, I absolutely plan to go for the next level. Now that I’m confident in writing clean HTML/CSS code, I want to deepen my skills in responsive design, animations.

10. What is the Break Diver's Creed?

No Rules. No Excuses. No Regrets.

Certificate photo:

And having made this post, and provided adequate evidence to the dive committee, Kamran Zafar is now hereby certified by Break Diving, Inc. as: Coder - HTML/CSS - Level 1. Congratulations ! Thank you for being an inspiration to others!

Certificate number: 904

The author above wrote this WYSEguidance post as one of the certification requirements to become certified by Break Diving, Inc. for a dive completed. Would you also like to find greater success, happiness, and friendship, and make genuine supportive connections with others around the world pursuing your same dreams? Come join us at Break Diving and soon your story will be the next one you read about on this site!

Read More Stories on the WYSEguidance Homepage