Latest solutions

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

nothing

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

changing the color of the placeholder: google

getting the email: google

mobile layout: played around until it worked

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

how would I prevent empty space when dealing with flex on mobile layout.

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

Learning to add a 'forEach' loop to toggle on and off the color highlight function to complete the exercise

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

I used the MDN to figure out how to use the aforementioned "forEach" loop

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

Any/All help is welcome

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

I'm particularly proud to have used a responsive approach with CSS Grid to create an effective landing page. For the next project, I would explore more design tools to enhance the aesthetics of the site.

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

I encountered challenges when implementing smooth animations and transitions. I got over this through a lot of practice and consult the relevant documentation to better understand CSS properties.

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

I would like to receive feedback on site load optimization and best practices.

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

This is the first time I've used variables in CSS for colours.

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

There were some difficulties with defining line spacing, but the problem was solved with line-height.

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

The use of semantic tags (, , etc) causes some difficulties. It is not always clear what the criteria for separating a part of code to a certain semantic tag are. Are there clear criteria for dividing code into semantic parts?

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

Nothing to be proud of. I would try to use less margins andd positions

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

changening background image. Flashin white screen with changening still dont know how to do it.

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

How to avoid flashing white image when changening background

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

Im happy with my layout on this one, good challenge working with grid, flex and absolute positioning for background images also working with the different screen size adjustments. overall getting the json file to work with Javascript was hard work and once again i dont really understand how i finally got it to work.

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

My biggest struggle with this was fetching the json file. I spent far to long trying to figure out why it would work for me only to finally realise my mistake! BEFORE: const dailyBtn = document.getElementById(".daily"); const weeklyBtn = document.getElementById(".weekly"); const monthlyBtn = document.getElementById(".monthly"); AFTER: const dailyBtn = document.getElementById("daily"); const weeklyBtn = document.getElementById("weekly"); const monthlyBtn = document.getElementById("monthly");

something so simple can cause so much time and effort!!

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

Im not sure how semantic this ones going to be as i think i might have used divs more than i maybe should have. interested to know if anyone has any better ways to do this to make it easier to understand.

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

All feedback welcome. Thank you in advance.

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

All feedback welcome. Thank you in advance.

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

All feedback welcome. Thank you in advance.

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

All feedback welcome. Thank you in advance.

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

All feedback welcome. Thank you in advance.

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

it is much easier to vertically align content with Flexbox in a single dimension layout

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

using CSS Grid to specify space between content is much easier

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

styling with CSS, especially with sizing units when to use px, em, rem, percent, etc...

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

Going into this project, I felt more confident as the previous project was similar. This one ran a bit more smoothly, but I had to be super careful about my div styles. The figma file really helped!

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

My biggest challenge was the padding, with multiple div's and styles. The way I overcame this challenge was using the inspector tool to see which parts of my CSS are influencing each style inside each div.

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

I'd love to know if there are any areas I could optimize my CSS. I feel some of my styles could be assigned to the body variable. I'd also like to know if there's another more optimized way of coding this card.

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

Know the basics of HTML and CSS.

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

In this challenge there was no greater complexity.

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

All feedback welcome ;)

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

none

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

none

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

none

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

I am Proud of my Improvement on CSS variables

I will try to make my codes more organized and readable next time

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

I encountered a challenge of making the the input area display error messsage

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

Would like a feed back on any way I can Improve

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

Any tips on improving my HTML or CSS skills are greatly appreciated. Cheers :)

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

Nothing to be proud of, really.

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

Mainly positioning and getting things to look right.

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

Any constructive criticism would be appreciated.

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

I am proud to apply API consumption in React component.

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

Applying responsive design in React, I overcame it by researching a hook to be able to apply it.

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

Feedback on my code.

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

I'm proud because I thought it would take a long time (it took an afternoon) to do it because I was afraid of many things, but you learn from mistakes. What would I do differently? I think nothing, every inconvenience introduced me to a new tool to improve my knowledge

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

My biggest problem was centering it on the page, it gave me a problem that the white content was widened and not centered, what I did was use a container that had the white container and the information. Apart from this, the measurements would be exact but I did what I could and I am proud

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

I had never made a responsive page, in terms of measurements the QR was on one side or very low but with YouTube research and help from people with greater knowledge than me it helped me. With part of receiving help, any advice helps me a lot, all advice is well received

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

AFESGAAERERESGSGSGGREGSRGGRES!!!!!!!! THQAT!!!!!! THAT!!!!!!!!! THAT IS WHAT!!!!!!! THE FACT I MANAGED TO FINISH THIS BRUTAL CHALLENGE IS WHAT I AM MOST PROUD OF!!!!!!!!!

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

Ahem Sniff Sniff NEVER HAVE I EVER SPENT THIS MUCH TIME ON A CHALLENGE! WHO MADE THIS?! WHY?! I spent so long trying to get the functionality of the app down, and still couldn't get it perfectly, specifically updating the output and displaying cleanly and smoothly. I tried my best using different functions over and over. Since this was also my third time using TypeScript, I'm still struggling with it >:(

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

Everything! Help me with everything! The inputs! The JS! The CSS! How do you do this challenge! I was literally just coding random nonsense for the most part hoping it would work out in the end! It was literal insanity! It was such a brutal challenge :,(

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

The project is perfect for those who want to practice building layouts with flex box / grid. It was also a good opportunity to play around with tailwindcss.

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

The biggest challenge for me was the gradient border for one of the cards. I used the border-image css property but it removes the corner radius.

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

the gradient borders since i don't use these very often

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

.

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

.

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

I'm up to any suggestions

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

I'm most proud of to have used the principle of “mobile first” in the project.

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

One of the challenges was thinking about users of mobile devices, as I used the principle of mobile first in the project, thinking first for mobile devices and then for the desktop was a little difficult.

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

I need a little help with the responsiveness and organization of the CSS when using the mobile first principle.

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

I am very proud to have achieved something similar to the design. I will try to code in a more professional way next time.

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

The responsiveness is still challenging, I wasn't able to achieve the exact same design. I hope to overcome that soon.

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

Mobile responsiveness.