Training Day 18

 Industrial Training – Day 18 Mastering Responsiveness and Starting Fresh


Today is my industrial training of Day 17, I successfully completed the responsiveness of the previous project, ensuring it looks perfect across all screen sizes including mobile, tablet, and desktop. I applied various media queries, flexbox properties, and percentage-based layouts to make the website fluid and adaptable. The entire structure, including the navigation bar, cards, footer, and image sections, now adjusts seamlessly to different devices.


Once the final testing of the last project was done, I moved on to a brand-new task assigned by my mentor. This task involved building a fresh layout entirely from scratch using HTML and CSS. I started by creating the basic structure with semantic HTML elements such as <header>, <section>, and <footer>. For the design, I implemented modern CSS techniques like flexbox, grid, and rem-based units to ensure better scalability.


One of the major goals of this new task was to make it fully responsive right from the beginning. I followed a mobile-first approach, writing base styles for small screens first, then scaling up with media queries for larger devices. This helped in maintaining better performance and design consistency 

Overall, today was a productive and fulfilling day. I’m excited to polish this task further and continue improving in the upcoming days. With this my day was ended..


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

Industrial Training Day 16

Industrial Training Day 16 Blog Today is the 16 Day of my industrial training, and I’m glad to share that I have successfully completed my project. On this final stretch, I focused on reviewing the entire website layout and refining the last few minor changes to ensure a clean, responsive, and user-friendly design. I went through each section of the project, tested it across different screen sizes, and made small adjustments wherever necessary — especially to spacing, font sizes, and alignments. I carefully revised the responsiveness of the control panel section, realigned images and icons, and ensured that all content displayed properly on both desktop and mobile devices. A few color inconsistencies and spacing issues were resolved to enhance the visual appeal. I also validated the code for proper HTML semantics and CSS structure to keep it organized and efficient. Additionally, I optimized some of the image sizes and tested the website on multiple browsers to check compatibility. ...
Read more