Training Day 21

On Day 21 of my industrial training, I focused entirely on identifying and correcting mistakes in my ongoing web design project.

I started by reviewing my HTML and CSS structure. I noticed several issues like improper alignment, inconsistent spacing, and overlapping content on smaller screens.

One major mistake was missing or incorrect media queries, which caused the layout to break on mobile devices. I also found unused classes and messy code that made editing difficult.

With feedback from my trainer, I restructured the CSS file, grouped similar styles together, and removed unnecessary code. I applied proper media queries to fix responsiveness issues.

I improved layout using Flexbox instead of relying heavily on margins. I also ensured consistent padding and spacing across all sections.

Images were updated with proper alt text for better accessibility. I also fixed button styles and ensured the font sizes were uniform and mobile-friendly.

By the end of the session, my project looked much more polished, responsive, and professional.

I learned the importance of writing clean, responsive, and accessible code. This process also helped me understand the value of reviewing and refining work regularly.

Comments

Post a Comment

Popular posts from this blog

Day 34

 Industrial Training – Day 34 Topic: JavaScript Control Statements Date: 1st August 2025 Today in my industrial training, I learned about control statements in JavaScript, which are used to make decisions and control the flow of the program. I started with conditional statements : if if...else if...else if...else switch These helped me write logic to make decisions based on conditions. For example, checking if a user is eligible to vote. Next, I worked on loops : for while do...while Loops helped me execute code multiple times. I practiced printing number sequences and iterating through arrays. I also learned about: break (to exit a loop early) continue (to skip one iteration) I wrote small programs using these statements for better understanding. 
Read more

Training Day 25

 Industrial Training – Day 25  Today marked the 25th day of my industrial training journey, and I successfully completed the final part of my current project – the User Review or Testimonials section. This section plays a key role in building user trust, as it highlights positive feedback from previous clients or users of the service. To create this part, I used clean and responsive HTML and CSS. I designed multiple review cards that display the user's name, photo, star rating, and their feedback. I ensured that each review card had a modern, minimalistic look with proper padding, margins, and shadow effects to make them visually appealing. For mobile responsiveness, I used media queries to adjust the layout – reviews appear in a single column on smaller screens and in a grid on larger ones. I also used flexbox and grid properties to ensure alignment and spacing were consistent. One of the challenges I faced was making the layout look uniform despite having reviews of differen...
Read more

Traning Day 33

Industrial Training – Day 33: Exploring JavaScript Basics Today marked an exciting shift in my learning journey as I delved into the basics of JavaScript (JS) – the scripting language that adds interactivity to web pages. After working extensively with HTML and CSS in the previous weeks, I finally got hands-on with JS and started understanding how dynamic functionalities are built into websites. I began the day by learning about variables – how to declare them using var , let , and const , and understanding the difference between them. Then I explored data types like strings, numbers, booleans, and arrays. It was interesting to see how JavaScript handles operations and data storage. Next, I practiced writing functions – reusable blocks of code – and saw how they can help keep code clean and modular. I also explored conditional statements like if , else if , and else to make decisions in code. One of the highlights of the day was learning about loops like for and while , whic...
Read more