Training Day 19

 Industrial Training Day 19 

Today is the Day 19 of my industrial training, and it was a productive day. My main task for the day was to design a Preview Blog Card using HTML and CSS. This task helped me improve my UI skills and also deepened my understanding of layout structuring, styling, and responsiveness.

I began by analyzing a modern blog card layout. The card had a clean white background, a bold header section, and a visually engaging thumbnail image at the top. It also included a small tag (like "Learning"), publication date, blog title, a short description, and author information with an image. The entire card was styled to appear slightly lifted off the background using a soft shadow, which added a modern and appealing look.

I paid special attention to spacing and typography. The color palette was chosen to match modern design standards — bright yellow background with contrasting text for readability.

One of the most important aspects I practiced was responsiveness. I tested the card layout across different screen sizes using media queries. It adjusted well, which gave me confidence in applying mobile-first design principles.

Overall, this task helped me understand how to build component-based UI and think like a front-end designer. I also realized how crucial small details like margins, padding, and alignment are in making a design look polished.

After that I deploy this task in github and deploy it after that 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