Latest solutions

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

:)

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

I created a function handleClickoutside that closes cart tooltip and mobile navbar when you click outside of those boxes. I learned about .closest() method on HTML elements and how it can be used for this purpouse.

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

Making components reusable like I tried to make the button component resusable but, the onClick function I needed to pass , needed two arguemnts, so I thought I needed to pass arguments as well.

But then I realized that my styling wrapper should just be a div and I should pass the button as children with onClick and function arguments. Not sure if this is the best approach.

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

React side of things. I used hard codes values alot,

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

I was able to position the posts using flexbox and both top-margin

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

I had a challenge with keeping the stars images the same size for responsiveness since i used flexbox so i then changed the max-width for screen responsiveness to a larger withd from min-width

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

For some reason the live preview of this page has CSS on it and is displayed well but from this site it seems as if it has no CSS

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

Everything.

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

It was good and easy.

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

not at the moment.

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

This challenge only serves as an exercise to use and explore React. Along the way, I learned the use of picture element to group different source versions of the same image. A method that is used to display responsive images. You put the default image in the source tag and the mobile version in the img tag. Though React has nothing to "react", I'm proud to complete this challenge in React.

Feedback is always welcome 😊

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

I wanted to take a moment to express my heartfelt gratitude for creating such an incredible platform for aspiring frontend developers like myself. Your dedication to providing realistic coding challenges has truly been instrumental in helping me improve my skills and grow as a developer.

The challenges offered on Frontend Mentor have not only allowed me to apply theoretical knowledge in a practical setting but have also inspired creativity and problem-solving. The feedback and support from the community have been invaluable in my learning journey, fostering a sense of camaraderie and motivation.

I am continuously impressed by the quality of the challenges, the user-friendly interface, and the commitment to fostering an inclusive learning environment. Your platform has empowered countless developers worldwide to hone their craft and pursue their passions in web development.

Thank you once again for your vision, hard work, and dedication to the frontend development community. I am truly grateful for the opportunities Frontend Mentor provides and look forward to continued growth and learning with your platform.

Warm regards, Saifullah Shaukat

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

The part where viewport needed to be managed with device ratio, Yes I did overcome it.

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

This was first time posting a live site, I will forever keep you guys in prayers

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

Getting it done because I started and stopped the task so many times.

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

I need to work on keeping my css clean and ensure I take into account accessibility.

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

None for this one.

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

Finally, I have done it after learning some basic js.

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

Some of the js is like "overthinking", I want it to be clear not messy and.

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

The number rating is not in the middle, I can't think of any solutions to center but if you can, it is really helpful! Thanks a lot!

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

acho que fui bem nesse desafio, com certeza tem algo a melhorar no projeto, porém não consegui identificar

i think i did well in this challenge, of course there is something to improve in the project, but i couldn't identify it

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

tive alguns problemas em adivinhar o tamanho de alguns elementos, fui testando os tamanhos e vendo qual ficava mais parecido com o desafio

I had a bit of trouble guessing the size of some elements, since im not a pro member, so I tried out the sizes and saw which looked the most like the challenge

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

acho que o projeto esta bom, mas há sempre algo a melhorar, por isso, se houver algo no código que possa ser melhorado, gostaria de saber.

i think the project is good, but there is always something to improve, so if there is something in the code that could be improved, i would like to know.

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

Used Tailwind from start to finish for the first time

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

Translating traditional CSS styles to Tailwind. I overcame by using the documentation extensively.

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

Animations and responsive sizing.

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

I am mostly proud of making the page responsive and set extra exception(error) messages. I am on my way to learn React...Next time I would do the next challenge with some more of React learning.

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

The challenging phase was to understand flow of React code and set some exception messages. Thanks to Google Bard and Blackbox AI platform...I told them the problem and found solution after some discussion.

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

I am on my way to learn React and I need to learn many more. If anything is not good, please share any type of feedback.

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

The fact that I used grid for this project makes me proud, I have always avoided the use of grid wherever possible but for this project, I broke my bottleneck.

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

I faced challenges in making my left and right card centered on the desktop but with the help of google, I was able to get a simple method of solving the problem.

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

I have been making progress regarding less code when necessary and there has been improvement, but I would love to make more progress regarding it whereby I do not have to write redundant codes.

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

it was pretty easy but i failed in setting up the background images properly

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

setting up the background images in proper order and making them responsive

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

media queries and responsiveness

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

Adjusting the sizing of different aspects of the page like the background image, logo , mockups. Even the transition from desktop to mobile.

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

I am most proud of learning how to add an image overlay to an image.

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

Still grasping pseudo elements, but I am getting the hang of it.

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

None at the moment.

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

I have a physical mentor that is forcing me to be serious about my career

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

I found out that i'm a terrible designer but i'm working on it

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

Padding Position

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

Foi uma tarefa simples, mas bem estruturada. Não encontrei desafios.

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

a display flex

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

a center

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

,

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

The next time i use the sass library to organize and to improve structure, maybe used to ReactJS or NextJS, but i do no idea so if the better.

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

I encounter nothing

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

That i was able to setup my desktop version in a way that when it came to the mobile version i had only small portion of the code to change.

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

I did not know what the focus effect was which was a new element that i learned.

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

I learned new semantic HTML tags (details and summary) to create accordion. I learned basics of Cube Css.

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

I had trouble structuring new HTML tag, but I managed to overcome by reading MDN documentation.

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

Any feedbacks would be great! Happy coding!

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

As all things i code, my first thought always is "This is pretty easy, i should do it just for shape my skills a little better. 40 min for do it" And then, 2 hours to realize.

Html was pretty simple, but i had to start to struggle with the css. I hate looking sizes for the images, and responsive. But with mediaqueries and % sizes, i could finally made the qr responsive.

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

The images. I really dont like them. The way of making not only fit in the container, but also make them responsive is pretty easy and the same time, tedius as nothing else.

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

I need really to keep practicing css. thats all.

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

As all things i code, my first thought always is "This is pretty easy, i should do it just for shape my skills a little better. 40 min for do it" And then, 2 hours to realize.

Html was pretty simple, but i had to start to struggle with the css. I hate looking sizes for the images, and responsive. But with mediaqueries and % sizes, i could finally made the qr responsive.

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

The images. I really dont like them. The way of making not only fit in the container, but also make them responsive is pretty easy and the same time, tedius as nothing else.

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

I need really to keep practicing css. thats all.

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

I'm learning javascript right now so I'm really proud about this project.

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

I had a problem with the image path, I put the css file in a hierarchy above to catch the image folder.

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

I'd like to know what can i improve in my javascript code, my html too, whatever you thinks I need to improve lmao