Training Day 2

 Training Day 2


Today marked the second day of my training, and I continued working on replicating the recipe page. The desktop version is complete, and now I'm focusing on making it mobile-responsive. To begin, I conducted some research to understand how to implement responsiveness.


Through my research, I learned about media queries and how they can be used to adjust the layout based on the device's screen size. I watched several tutorials on YouTube and used AI tools to deepen my understanding. After grasping the concept, I practiced implementing media queries on basic tasks.


Following that, I resumed working on the task assigned by my mentor. While I made progress, I wasn't able to fully complete the mobile responsiveness just yet. I discussed the issue with my mentor, who kindly provided me with a detailed video tutorial on how to implement responsiveness more effectively.


Today, I learned a lot about media queries and the importance of mobile responsiveness. It was a valuable experience and I’m excited to continue improving.

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