All solutions

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

What I am most proud of is the java script is mostly written without any help. Needed help with the math but the rest was put together with just the knowledge I have learned so far. What I would do differently next time is all of the css. I need to focus on better class and id names. And grouping things so I don't have to write so much code.

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

The biggest challenge was getting the colored boxed inside the inputs. The placement was very difficult and the boxes would go outside the borders of the input boxes. The only way I knew how to get the box inside the input was absolute placement and margins. Learned a technique to hide the input borders and use the div element to make a border.

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

My css is a struggle. One part of this project I could not fix no matter what I tried was when numbers typed in the input boxes the background of the input turns light blue. I could not find the fix to it.

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

Proud of the layout and responsiveness of the css for mobile and desktop. Proud of the progress I made with creating this java script function on my own. What i would do differently is put the logo in the container with the content. Then just move the logo up for the mobile size.

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

The logo was my biggest challenge on this one. I try to stay with building mobile first. In this case that meant the logo element was put first in the html document. My solution was a lot of media queries. It sort of works in the end but I would probably of been better doing what I suggested above. Just moving on because my focus here is mainly java script. My java script challenge was changing the image with script. I had no idea you could change the image with script. The innerWidth and resize event listners are somethings I had not heard of in W3schools tutorials.

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

Is mobile first the right way to build websites? Sometimes when build these projects I feel after completing mobile it would have been better doing desktop first.

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

I added a few additional things to the project. This allows me to learn about how and why to build the functions a certain way. I added a feature that will greet you with your own name when the data is received. What I would do differently is find ways to write the function that may be cleaner and quicker.

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

Finding a way to change the color of the placeholder. Overcame this by finding that there is a placeholder pseudo-class. This allowed me to change the color and insert the class in the function when needed.

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

This is my second project with java script and I know I have a long way to go. Always enjoy feedback from the community on better ways to write the functions.

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

The project seems very simple at first and then gets complicated with the position of the share box. I was able to keep the java script simple and found solutions with the css. Don't know exactly what I would do different next time but I feel my css is a mess.

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

My initial java script when building mobile view first included a function for toggling the display of the of the share box and the profile. When I went to desktop view I realized that would not work due to the profile disappearing. My initial ideas for solving this went to a lot of different java script ideas. While brainstorming those ideas It occurred to me that all I had to do was set the z-index on the share box and only toggle the display of the box.

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

I feel my css is a mess. Maybe I am wrong but I feel there is a simpler way to have the share box in the different locations without so much code.

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

Proud of trying new things. I thing this project was supposed to be on one page using hidden display. looked into a different way to complete the project. Learned how to use a second page and apply JS to it.

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

Had not seen a lesson covering local storage. Had to do research to find such a thing and learn how to use it.

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

Hoping to continue learning how to write and understand functions. Not writing them completely on my own yet.

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

This was my first js project so just getting through it was what I am most proud of. Needed a lot of help to get the java script done.

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

Learning how to create a function for the project. Using all the lessons I have learned to put the function together.

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

I feel I got this one as close to pixel perfect as any project I have done. Background image after 1440px is still a mystery to me. I will revisit this project in the future to better understand why.

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

Understanding how to stretch the background image. I did not know of the syntax for background size cover. I used that to make it cover to 1440px. I could not figure out how to have it cover after 1440px and stay on the bottom. Maybe I should have written the code for 1440px and sized down I am not sure.

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

Goes without saying. Responsive background image.

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

Proud that I am able to complete this project with little help. Only help needed was for the arrows. Feel I need to learn a better way to program the positioning of elements. Felt I used way to many margins.

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

Creating the phone and fitting the objects was challenging.

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

Writing the code in a more simply way. I feel I could have coded this with much fewer lines.

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

Wrote the code with good responsiveness. Breaks down a little at the smaller screens. Will need to write that better in the future.

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

Using flexbox to position properly and remain responsive.

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

How to better write the widthwrapper so I do not need to take portions of the page out of it.(If that is possible)

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

First time using grid. I think I accomplished what I was trying to do. But I feel it could look a lot better.

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

Learning how grid actually works. Read through multiple tutorials on grid but never fully understood how to use it until working on this project. A lot of trial and error before I got the boxes to the correct position.

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

Spacing the text in the boxes better. To much space at the bottom of the boxes.

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

writing the code in a more organized manner

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

That I wrote this one with very little help.

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

I learned a lot about centering objects inside of other elements.

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

How do you change the pointer cursor from white to black.

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

I wrote this code computer screen first. I had to completely rewrite the code to make it responsive with phone screen sizes(needed a lot of help to figure this out). I will start coding phone screen first and work my way out.

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

Getting the image to cover 100% of the top of the page when sizing screen below 470px. Doing this gave me a understanding of how I think and write my code from start to finish.

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

Anything and everything. I want to learn the best ways to write code.