Lecture 10👍| How it works #2 | Website development full course | HTML, CSS and JavaScript Project

Опубликовано: 07 Февраль 2026
на канале: codegram
2,179
8

Welcome to CODEGRAM (   / codegram-tech  ! In this seriese of "Website development full course | HTML, CSS and JavaScript Project", i will talk about How it works section. it will be the part 2 of How it works section.

📌 *Topics Covered:*
1. Introduction of the How it works section- part02
2. Why well structure app should be created. Create general.css for keeping general css
3. Writing css style for step-number class.
4. Styling the description text.
5. How to center align the image in image box.
6. Circle behind the image- design idea

⏰ *Timestamps:*
0:00 - Introduction of the How it works section- part02
1:37 - Advantages of well structured app and creating general.css file
7:54 - step-number class css.
09:09 - step-description class css.
13:48 - step-img-box class css to keep image in the center of the box.
17:25 - Creating circle using css

👍 *If you enjoyed this video, please:*
Like the video
Subscribe to the channel
Hit the notification bell

🔗 *Related Links:*
[Pratice Template](https://drive.google.com/file/d/1XjUG...)
[Codegram podcasts](https://shorturl.at/PKK84)
[AWS Devops Course](https://shorturl.at/bW8VQ)
[Spring boot and thymeleaf project](https://shorturl.at/5s4Af)
[React hook course](https://shorturl.at/baJ3G)
[ React Project work](   • React Project Work  )


📱 *Connect with us:*
Instagram: [@pankajcodegram](  / pankajcodegram  )

💼 *Business Inquiries:* [[email protected]]

Thank you for watching! Make sure to leave your thoughts in the comments below.