All solutions

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

It was another fun project. After writing and finishing all the code, I refactored and organized it, especially splitting it into JS functions. This made it easier to read and understand. Next time, I’ll do it this way from the start. I felt more confident in JavaScript.

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

I'm open to any kind of advice and suggestions.

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

I didn't have much trouble with the CSS part. I got stuck a bit on the colored part of the cards. Initially, I did it using a pseudo-element, but then I changed it later. This part took some time. It was quite a fun project.

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

In the JS part, rendering the view also took a while. In my first code, I could see the view when I clicked on the daily or weekly section, but when I loaded the page, the activities didn't show up. However, I realized I only needed a single function I hadn't noticed. I think I won't get stuck on this part for so long in my future projects.

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

This project was quite enjoyable. I navigate CSS efficiently and can implement it quickly.

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

The coding process took slightly longer as I needed to refresh my knowledge of forms; however, I didn't encounter significant challenges. I am looking forward to taking on more complex projects.

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

I actually wanted to create the features using ul and li, but I received a warning that I cannot place other elements inside ul and li elements. So, I converted all of them to div. Is this usage correct, or is there another way to use other elements together with ul and li elements? I welcome any advice or suggestions and would greatly appreciate your feedback.

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

It was the first challenge I completed with JavaScript. Since I was already familiar with JS, I didn't have much difficulty.

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

I added a transition, but researching how to add a transition to the display none property took me some time. In this way, I also used new transition properties for the first time

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

I am open to any advice and would be grateful for it.

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

It wasn't a very challenging project, but it was quite fun. I started with the mobile design first. I think next time, even if I begin with the mobile design, I'll organize the components with the desktop design in mind. I'll design each section (mobile, tablet, desktop) not separately but as a whole.

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

I had quite a hard time adjusting images for different screen sizes. I had to do a lot of research, especially between the hero image on large screens and tablets. When I first wrote the code, I didn't use the picture tag, but I later changed the hero section. Next time, I’ll plan the images for different screen sizes better from the start.

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

The last change I made before publishing the page was adjusting the heading font size according to the page size. I used clamp for this. I'm not sure if it's the ideal ap proach. I achieved the result I wanted, but I'm open to your advice on this.

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

I became more familiar with the grid concept, which I wasn't very accustomed to before. I realized I needed to do some research and reading about grids. It seemed more complicated than Flex, but now I understand it better. Especially in the desktop version, I became more accustomed to the placement and ordering of grids. It took me a long time to finish the project because there was a gap in time, and unfortunately, I had to remember and review the old code at each restart. However, I believe I have a much better understanding of the grid system now. The challenges are really well-prepared and improve practice with each step.

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

I had worked with grids before, but not in depth—just superficially. In this project, I had to do a lot more research and review my knowledge again.

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

Each grid section grows and shrinks according to its content as the page size changes. However, some articles are not as long as others, and this leaves empty spaces at the bottom of the page, which doesn’t look very good from a layout perspective. I tried using Flexbox with space-between and space-around for the articles, but since each article is a grid item, the empty spaces at the bottom did not close up. It seems these methods are not very ideal for this situation. I would appreciate any help or suggestions on how to address this issue.

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

I recently learned about the max and min width properties and used them for the first time in this project. I had used clamp in my previous project as well. It's enjoyable to learn and apply new techniques

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

I became more familiar with CSS Flexbox. I used pseudo-elements and also utilized the max and min width properties. It was good practice

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

I created the cards using flexbox. When I start to shrink the page, the left and right cards start to shrink, but the sizes of the middle cards do not change. Despite trying many things, I couldn't find a solution to this. I would really appreciate any help

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

I am not very familiar with media queries, but I am trying to learn. I have gained a bit more understanding in this project. What I did not fully understand in the project was the difference between the width shown in Figma and the width I see on the screen. Nevertheless, I achieved a fairly close result. I set a specific height, but I am not very happy with it.

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

I am not sure whether I should use the values in the design file exactly as width and height, or if I should evaluate them myself.

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

It took longer than I expected. I saw that the project had a lot of details. The Figma file was really helpful. At first, I didn't use flexbox or grid to build the project. After finishing the project and starting to set up media queries, I noticed that when the page began to shrink, it caused many small problems. Therefore, I went back to the beginning and redesigned the page with a grid. This time, I got the result I wanted. In my next project, I will definitely consider this from the start. For the first time in CSS, I used the (:not) operator. I had seen it a few times but had never used it before. Other than that, it was a very enjoyable project. I am eagerly looking forward to the next project.

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

I used table for the first time. I frequently referred to MDN pages to recall what I had learned.

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

I definitely need help with landmarks. I read the article, but I keep making mistakes in every project when I try to implement them. I would be very grateful if someone could show me how to use landmarks in my project.

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

I used ul and li in HTML. It wasn't new to me, but it was nice to recall and use the knowledge I had learned

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

It wasn't a very challenging project. For me, it was like reviewing all my knowledge. I practiced and became more familiar with Figma

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

I downloaded the Figma files and used Figma for the first time. I didn't use Figma in my first project, but I found it very useful and will use it in all my projects from now on. Edit: I made some changes. When I first completed the project, I hadn't noticed the hover effect. First, I added that, and second, I placed the cursor from the Figma file. (Thanks to @SaruMakes for the tip.)

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

I had the most difficulty making the cursor pointer have a black and white border. I struggled with this for a long time. It took me a considerable amount of time because I searched extensively on the internet for a solution to color the cursor pointer but found none. As a result, I ended up using an icon instead. I learned that a URL could be added to the cursor, which also took me a long time to figure out.

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

If there is a way to color the cursor, please show it to me. I would be very happy.