All solutions

What are you most proud of, and what would you do differently next time?

Used source Tag for pictures

What challenges did you encounter, and how did you overcome them?

While using source tag we should always add a alternative img tag without it the picture won't visible.

What specific areas of your project would you like help with?

What improvements i can make in my js?

What are you most proud of, and what would you do differently next time?

Used Javascript.

What challenges did you encounter, and how did you overcome them?

Specificity(class, ID)

What specific areas of your project would you like help with?

I want help in reusing code.

What are you most proud of, and what would you do differently next time?

Used Grid and flexbox with responsive design

What challenges did you encounter, and how did you overcome them?

Positioning the articles in grid was a bit difficult

What specific areas of your project would you like help with?

Nothing

What are you most proud of, and what would you do differently next time?

Learned about position Absolute and Relative

What challenges did you encounter, and how did you overcome them?

Positioning the cards with absolute position was bit difficult.

What specific areas of your project would you like help with?

What other way apart from position absolute and relative this design could achieved.

What are you most proud of, and what would you do differently next time?

Using Tailwind PostCSS

What challenges did you encounter, and how did you overcome them?

Using two different size of background image for different screen size. W3schools docs helped for responsive design.

What specific areas of your project would you like help with?

none

What are you most proud of, and what would you do differently next time?

• Tailwind PostCSS
• Vite

What challenges did you encounter, and how did you overcome them?

While uploading it to GitHub pages, i noticed that my repo doesn't have the processed css which every server provider requires to make it live. I found that on TailwindCss docs.

What specific areas of your project would you like help with?

Nothing.

What are you most proud of, and what would you do differently next time?

Used Tailwind Css with Postcss and vite

What challenges did you encounter, and how did you overcome them?

• Configuring Postcss - I got to know that I need a compiled css to push it to GitHub pages.
• Configuring Vite for GitHub pages - Read the Official docs of Vite.js to know what commands are used and when.

What specific areas of your project would you like help with?

What are the other ways to compile css instead of manually putting script.

What are you most proud of, and what would you do differently next time?

I used Tailwind Css for this project with a mobile first approach.

What challenges did you encounter, and how did you overcome them?

Configuring TailwindCss.

What specific areas of your project would you like help with?

I would like now more about post css and vitejs or parcel.

What are you most proud of, and what would you do differently next time?

I learned about Flexbox and about Utility classes. I will try tailwind css next

What challenges did you encounter, and how did you overcome them?

• Flexbox - I didn't knew where to use(parent div or child div). Used ChatGPT to know about it.
• Media Querry - Also used ChatGPT to know about it.

What specific areas of your project would you like help with?

I would like how this project works in responsive mode