All solutions

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

I completed this project in less than half of a day.

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

No challenges

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

This project went smoothly.

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

I was able to use grid to determine my layout despite this being my first project working with css grid.

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

I have to say I faced a little challenge figuring my way around grid but I was successful in the end.

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

I have to practice more on planning layouts using grid as it serves as a better solution as compared to flexbox.

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

I am proud I finally completed this challenge completing this challenge. It had me for days.

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

I found it difficult to display either the desktop image or mobile image based on the viewport width. I initially used state and the useEffect hook in next js but it didn't entirely solve the problem. I also tried the css ::after pseudoclass and that also brought about new issues. I later found out about the html picture element which was just suitable to solve this.

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

I will learn more about how the html picture element is used and best practices.

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

I was finally able to self host local fonts in next js using the next/font/local library.

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

Nothing I couldn't handle.

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

I completed this project smoothly.

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

Sass is a very useful css preprocessor and makes writng css very easy. It allows all the functionalities of vanilla css and more. I found out in this project that using it in next js is as simple as just changing the css files extensions to scss. It can be used in a modular way just as css mosule works. I am enthusiastic about being able to use it in my project with next js.

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

I flowed through this project smoothly and encounters no challenges.

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

In future projects, I'm going to learn more about adding custom fonts and metadata to my website and webpages.

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

This project has helped me figure my way around next js and introduced to styling with css modules.

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

Importing local fonts from the next/font package was a difficult task for me. I will like to learn more about it in future projects.

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

The next js framework is still new to me and don't know how to use the head element for meta tags and other essential stuff yet.

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

This project has taught me how to use Sass for styling web pages as well as practicing how to write markdown for documentation.

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

• Integrating sass into vite + react projects is as simple as just changing the extension of the stylesheets to scss.
• I'm still new to css grid and how to define layouts with it. As a result I always fall back to using flexbox to define layouts.

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

• I haven't encountered many challenges within this project. Just a few things I need to learn in order to appreciate css grid.
• Since this is my first project working with css preprocessors like sass, I might not have written the best sass code or understood all it's concepts, but it's definitely a good start.