All solutions

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

Used SCSS for the first time

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

I had hard time to style the project. I need seek help in different techniques to approach a style. Also It's difficult for me to write the optimal code. Please Help.

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

I found this project a little bit tricky. Working with vanilla JS is quite hard. Also I learned that styling document via JS is not a good approach. Rather I should create CSS rules and add them to elements via JS on some event.

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

Suggestions regarding to code optimization is appreciated. I know I have made a mess of my code. Also I know I used wrong mark-ups.

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

Proud of using fetch API. I have learned promises and async/await function in JS. That was very nice.

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

I will use js library next time to do it. (React)

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

Help regarding to code optimization, semantic HTML and Shorter CSS.

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

Proud of completing the project. I am learning vanilla CSS and JS. Once I become efficient enough on them I will try to do the project with frameworks and libraries.

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

Any suggestions regarding code optimization, responsiveness is appreciated. Also I specially need feedback on the markups.

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

I want help with the desktop tooltip. I could not position it as the design shows.... As I set the .container to overflow:hidden It's not crossing the border of the container while positioning it like the design. Please help.

Also any suggestions regarding anything else is welcomed.

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

Proud of using grid for the second time as I remember. I think I have successfully used it in this project.

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

It seemed to me simple. I have tried to code my best.

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

I often use the wrong markups. So please give me feedback on them. Also any other suggestions regarding the project is welcome

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

Proud of using some JavaScript in this project. Also feeling exciting because from now on most of the challenges will have something to do with JavaScript.

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

While rewriting the email address after it had marked as empty the color still remains red. How to toggle that back into black?

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

Having background issues. While changing the viewport size, the background isn't looking good to me. How to fix those issues?

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

Any suggestions regarding anything is welcomed

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

While hovering the learn more buttons, they vibrate for the border. How to fix that? Any suggestions regarding improvements in anything is welcomed.

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

Used grid successfully

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

Figuring out the desktop design using grid. Got help from the community. Some one had the same issue. I hadn't need to ask it. Just looked up the answer. And solved!!

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

Predicting the behavior prior to coding grid seems very difficult to me. Any suggestion regarding the practice of predicting the behavior of grid layout is welcomed.

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

Proud of using CSS grid for the first time in a project

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

Scaling the image was a great issue in this case. Got help from the discord community.

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

I really feel very uncomfortable making images responsive. Any suggestions regarding making images responsive is welcome

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

Fixing the image was challenge. Solved getting suggestions from the frontend mentor discord community.

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

I had to review some of the transition properties to make that transition effect. I watched some videos on youtube for that.

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

The transition overflows the ethereum image. Please help me fix that.

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

I feel very uncomfortable manipulating background and images. So please help improve my skill in images and background-images.

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

I am proud of using media queries. It switches design when device width crosses 450px.

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

I would like to get help in making the box shadow. I could make it while building the project

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

I am proud of applying the DOM manipulation concept for the first time in a project. It took me some time but gave me a joy.

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

I had trouble to make the project interactive as I never did DOM operations on projects before. As I went through the project I revised some concepts and applied them. One thing became very clear to me It's impossible to learn coding without getting my own hands dirty!

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

I would like to get suggestions, roadmaps, resources and techniques of DOM operation and manipulation.

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

I am proud of making this project as close to as the preview possible

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

I was having trouble centering the links. At first I tried to use unordered list. Then I removed them and put div tags wrapped around with anchor tags. That made it simpler

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

I tried to make it responsive. Give me any suggestions regarding the responsiveness of the page. Also give suggestions regarding the area of code where I must improve to be a good frontend developer

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

I am proud of that I could make this project using HTML and CSS. I used downloaded fonts in my project for the first time using @font-face property. That was exciting

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

I had trouble centering the card. I made the body a flex container and set justify-content and align-items property to center but it was not centered along the cross axis. I didn't know why. Then I set the height to 100% of the html and body element. I got this solution from chatGPT.

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

As mentioned before I had to center the card setting the height to 100% of html and body element. But before this I did QR-code project. There I hadn't used this. It was working totally fine there without setting the height to 100% of html and body element. Please help me understanding this. Why doesn't it always work?

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

I am proud of completing this project. I tried to make it as close as I could

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

I encountered to fit the page in mobile devices

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

1. How to make this page responsive for mobile devices.
2. How to make this page resemble as in the given privew

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

I am proud of learning and using the media-queries. I will have a much strong hold on this topic. In future I will try to make fully responsive and accessible projects

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

I encountered problems regarding make this project responsive and good looking. I took help from chatGPT and learned about media-queries. Then added some break-points for different screen sizes and it showed up as somewhat responsive

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

Give me tips about making pages responsive. Also, please answer my below questions-

1. Should I always take mobile-first approach.
2. What units in which context should I use to make my pages more responsive
3. I used rem and em units only while learning. I know what they mean. But what are their use-cases and How can I have great skill regarding in their usage?