All solutions

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

I am proud that I got closer to doing the challenge well.

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

Some challenges are using and understanding grid.

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

When it comes to my mobile display, it gets stuck and won't scale any smaller, I don't understand why this happens

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

I was able to do the mobile version but due to inexperience I am not able to do the desktop version, will need to retry.

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

I did the sliders using only js and css classes. But I realized I could do it another way which allows for animations.

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

I realised my planning with Grid isn't so good, so if there are any tips with grid I can use please inform me.

My slider is made with only js and css but it does not allow for animations. Maybe I can have tips on how to do that ?

For people who are reading the code Header = first row

Header__section2 = "Discover innovate ways to decorate page'

header__section3 = image + "About our furniture"

picture__section4 = image

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

Tried using sass to write this. I need to plan out things better

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

Not being able to do grid appropriately. I used the front end discord and also kept looking at my code and tuning it till it was solved.

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

Don't look at the footer. I wonder if I could make any part better ? I had problems with the images in the 3rd section with the 2 rows and 4 columns of images. I wondered if I shouldn't have put divs around them / what other options could I have done ?

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?

The image is abit wonky as its height and width don't really match. If anyone has a good solution to knowing how to fit weird image proportions please show me.

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

If anyone has a good solution to knowing how to fit weird image proportions please show me.

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

Proud of being able to do multi-pages for the first time. I really need to plan better to generate multipages

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

I did not know how to do dark mode, how to use local storage for the mode and also use it for the score keeping. I googled.

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

Please help me check the js code. Also my other pages are not rendering on live site, this is my first time doing multi pages, please advice me how to render the rest.

I need help on how I could do things a little bit more efficiently. If you think your code is better than mine, just send your repo so I can take a look at it and learn !

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

Being able to create the generator. next time I want to jot down how the algorithm works more accurately before creating it.

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

I did not understand the steps to create a generator. So I found one online and studied it. I understand how it works through active recall .

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

If my code is not efficient/If I forgot to do some parts up. Put it down ! I wish to learn.

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

I was able to manage this decently. I was proud of that. I will learn how to write code in a more dry way next time. This is practice

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

I encountered a problem where I could not pass 0 into an if statement and I had to remove the if. I just kept testing every function.

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

I need help, please check if my tipAmount function is okay. I had to remove the if function and do it differently as I could not pass 0 inside.

Also I do not know how to remove the default for inputs. Whenever enter is pressed the tip amount is 5%. Even when the custom amount is focused. I already used prevent default. How can I solve this

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

I managed to create the cart ! I want to be able to make the javascript more efficient. I definitely wrote too much.

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

I was struggling with the javascript and understanding how arrays and loops work together to form a complex system.

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

I have only done the mobile version and am stuck on the popup of the page when I press submit. I don't understand where to go from here. How can I improve my javascript skills?

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

Most proud of being able to do the layout without too many hurdles and being creative for certain things such as the radio buttons. Its not perfect but I'm proud. Maybe next time I can learn to do custom buttons or radio buttons.

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

Struggled with a lot of items like radio buttons and I had so much code sometimes i did not know what to do. I just slowly read the code and made sure it worked fine.

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

Idk the mortgage formula....So I just made the button toggle. I know how to add in value from the id's of the inputs into a formula and use innerhtml to put it in. But I was confused and didn't know what the mortgage formulas are even though I google. Also there are some things still missing from the desktop version of the code but my code was so messy....I thought I would throw out the more trivial things.

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

I was proud I was able to make the javascript work. The errors are generated when the conditions are not met. Next time I will have to plan my html more, e.g adding datasets for the javascript.

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

I did not know how to do some of the stuff such as how to make the buttons have a background when clicked. But after some grit and research I managed to do it.

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

I wonder if there is any code i can write better? Or any fundamental practices i need to add or improve upon.

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

Most proud of the javascript bit, managed to solve how to activate the boxes once at a time. Next time, I will plan out my layout more.

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

The javascript. I slowly broke down the problem and kept trying to fix it.

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

I am not sure if I can do things in html and css.

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

Being able to learn how to generate the html.

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

Many my layout was bad and I did not know how to inject the html. I just kept researching.

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

• Width of parent container and child containers are wrong
  • Cause the background pictures to be displayed wrongly
  • Box looks stretched because of this

The dashboard is not very dynamic

The body seems to affect the other elements My width 100% and height 100% does not seem to affect the properties of the container section.dashboard

The SVG

How do I use hover so that the svg changes colour?

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

I was proud of not using too many static qualities. As well as researching on how to do forms and validations.

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

I faced challenges like how to do a form validation, email validation. How to make the website reactive what ideas I needed to use for the errors etc.

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

If there is anything that you think might be useful please write it down ! I want to write good and efficient code !

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

I was most proud of creating the popup and understanding the js principles behind it.

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

I had trouble with the popup. The part where it should follow the div. I did not overcome it and assked for help.

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

I realised how much static information my code has that does not help in responsiveness. I need advice on what to do to make it more responsive.

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

I am not proud of this. I learned I really need to understand how to optimize my layout for reactive display more.

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

I wasn't able to understand many things like how to do a linear gradient for the colored photo.

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

Layout and code optimization. I realised how bad my layout was and stopped doing the project and plan to tackle it again in the future. I did mistakes such as not using flex:1 etc. and other interactive features.

I need some advice on how to control my layout easier.

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

Not proud. I can do better.

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

Sizing,.

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

Alot. The sizing is a huge problem as well as my card layouts. Please let me know if you have any advice on how to layout the cards properly.

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

I am proud of being able to use grid properly and being able to align the names as well as adding the background image. I will align the names properly next time, so I do not have to use grid to do it for me.

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

I am having trouble with the content I realised my content was too large. I did not overcvome it as it would take so much more time. But I realised why it happened.

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

are my objects too large ?

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

I am proud of the whole thing. Extremely difficult for me. Next time I will use flex more for designs that are harder for grid. I will also use transform more as it helps me get what I need while allowing flex wrap to still work

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

I did not know how to align the boxes the way the desktop version did. And I did not use flex wrap. I studied alot to overcome them. I used youtube and Josh Comeau guide to flex. Also watched a guide on grid as I did not know what to use.

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

Please if there is a more efficient way to do the code or a way to do it easier with another method. I would really like to learn.

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

I am proud of everything. Especially the swapping of pictures when width < than 600px I am also proud of the responsiveness of the website and myself.

Next time, I need to expand my learning on how to use the displays and root.

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

So many challenges, a huge wall. BREAK FORTH INTO YOUTUBE, I love kevin powell. I learned so much from him. My heead got a line break.

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

Idk, gimme anything. Don't be harsh. I think I'll break.

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

I am proud of the discovery of how to use the table and style the unordered lists.

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

Discovery of how to use the table and styling unordered list. I googled how to solve them.

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

Nil

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

What I am proud of is that I am able to do this faster and faster now.

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

When it came to creating blocks for the media information. I was stumped. I went back to research.

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

nil

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

Proud of how I can use style:flex better now and applying more interactive elements.

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

How to apply interactive elements. I overcame them by finding resources using chatgpt to learn how to do it.

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

Why does my photo not appear when I upload it to github

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

Getting the qr code to the middle of the screen. Next time I know how to use flexbox to tackle this.

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

Getting the qr code to the middle of the screen. Using and understanding how flex allows for the movement of divs in the x and y axis.

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

Nil