All solutions

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

I like that this project is actually helpful and that I could use it in my day-to-day life.

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

I tried to use the DRY principle but still need more practice. I used type='text' on the inputs so I could do the validations myself. It was hard, and I still need more practice with that too.

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

I'd like some tips or suggestions for improvements on the project.

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

I really liked the way I used JavaScript in this project.

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

I was feeling a little lost at the start on how to change the hard-coded parts to dynamic JS.

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

I liked this type of exercise, so if anyone has another similar one, I'd like the link.

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

Liked the challenge and added a few changes, when the e-mail is valid the input become green, I put the error message on the bottom and not on the top as the design indicated.

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

I actually wanted to make 2 html documents, one for the e-mail, the other for the message.

I'd to research how to do it using JS and found about window.location.href on MDN.

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

Would like some tips.

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

I had difficulties with this project since I'd never used JS to manipulate classes before, so I did some research and read a few articles. Initially, I started developing using a mobile-first workflow, but I struggled with the JS part, so I decided to start the project over. It's been much easier starting with the desktop layout and then moving to mobile for this project.

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

Constructive criticism and tips are appreciated.

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

Had some trouble getting the design right, don't have access to the Figma files, so, some aspects maybe off.

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

I would like tips and constructive criticism.

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

Had a hard time trying to align the cards using only display: flex;, so I decided to learn Grid for this challenge, proud of that.

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

This challenge was difficult for me because I couldn't get the design right using only display: flex;, so I had to learn Grid in order to display the cards correctly.

Also, I don't have access to Figma files, so some sizes might be off.

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

Constructive criticism and tips will be appreciated.

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

I liked the layout on different devices.

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

Without Figma, it's a little hard to get the sizes 100% correct.

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

Constructive criticism and tips are welcome.

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

This project had a lot of tags, so to facilitate CSS development, I wanted to use nesting. Since styled components and SCSS modules don't work in pure HTML/CSS projects, I did some research and found out that you can use Sass with HTML. You just need to configure the package.json file and run yarn watch-css in the terminal.

It helped a lot.

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

Would like some tips and constructive criticism.

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

Tips or constructive criticism will be appreciated.

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

Compared to the first challenge I had and idea on how to begin.

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

Although it's a simple project, I got stuck because my font size wouldn't update in resolutions higher than 992px. This happened because I had set the media query rule for my before the default one. CSS reads and applies styles from top to bottom, so if you have conflicting styles, the one defined last will override the previous ones, assuming they have the same specificity.

It took me some time to realize the mistake and fix it, but it was a learning experience.

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

I'm using the following on my CSS:

display: flex;
   justify-content: center;
   align-items: center;
   min-height: 100vh;

to center my content. However, when adding the footer, a scrollbar appears, which I don't like. To address this, I adjusted the min-height to a value that prevents the scrollbar from appearing on larger resolutions. I'd like to know if this approach is recommended or not.

Thanks!

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

Still need more practice to be proud/have doubts.

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

Despite this being a simple project, i still had no idea how to begin, i actually looked at the blank page for some time before the idea came to me.

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

I actually want to know if it's common to use rem instead os px, i usually set up the css like: :root { font-size: 62.5%; } So, instead of 10px i use .1rem. I saw a guy explaining that it's better for the user. Is it really?

Note: English is not my native language.