All solutions

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

This time, I used active pseudo-classes in my project.

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

Nothing new

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

Hey, if you’re checking out this project, feel free to hit me with your feedback—whether it’s a standing ovation or a roasting session. I promise, I can take it... probably. 😅

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

This is my first project with JavaScript. Working with JavaScript is difficult for me, but it’s interesting.

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

A little bit of challenge occurs during development, but I fix most of those issues myself, and I take a little help from GPT.

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

Mmm, this is my first project, so I don’t know much about how to handle JavaScript. My logic is simple: when user click the button, it adds a class to the share section, which has two wrappers—one for mobile and one for desktop. I created a class called 'hide' with the CSS rule display: hide; (I know, what was I thinking?). This 'hide' class is the initial state, and when the user clicks the button, it removes the 'hide' class and adds the appropriate wrapper class according to the window size.

I’m sure I’ll improve my skills faster than a squirrel on an espresso! Any feedback or suggestions are welcome!"

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

There is nothing new to report.

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

The challenge occurred during this project when I was placing a background image. I used the CSS background-image property, but for some reason, the image is not displaying at its full length.

To overcome this issue , I used different CSS properties such as object-fit , background-position, and background-repeat. I thought if I repeated the image only on the x-axis, it might resolve the problem, so I used background-repeat: repeat-x, and it fixed the issue. Then I remembered that to fit the background to the parent element, there is a property similar to object-fit, which is background-size.

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

"If you could check my solution, please provide some suggestions that I can use for my future projects.

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

In this project, I used both CSS Grid and Flexbox, but this time I mostly used Grid and made minimal use of Flexbox.

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

Help me understand how to create responsive grids without relying heavily on media queries. I know it's impossible to make a site or grid fully responsive without them, but I want to minimize their use.

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

This is the first time I am using Grid in CSS. Before this project, I always used Flexbox. It's easier for me to use Flexbox, but Grid is also good for dividing a section equally. It's not easy, but I think it's good to learn about Grid because it's so useful. From now on, I’m going to work with grids.

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

Working with grids is the toughest challenge for me, but it's worth it.

Where am I stuck on a problem? -The main problem I encounter is that the content section overflows out of the right column and goes to the bottom.

How do I overcome this problem? -Honestly, I used ChatGPT, but this problem was solved after five prompts."

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

This time, I used the rem unit rather than the px unit because someone suggested it to me

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

My proudest moment will be when I finish these projects. They are challenging but rewarding.

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

I added additional functionality, which is a navigation bar. It works, allowing you to navigate to different sections of the page, not different pages but sections. I know it's not a big deal, but I wanted to add this just for practice. I am working on the other parts as per the design.