All solutions

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

• Regex to validate email
• Regex to validate phone number
• General form validations
• I create an object formData to help me do the validations

I think I could have done more dynamic things with JS but as it is it seemed good

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

I had a bit of a headache performing the validations, I ended up leaving everything in the form's submit event.

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

Form validations. It really gave me a hard time.

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

• Regex to validate email
• Regex to validate phone number
• General form validations
• I create an object formData to help me do the validations

I think I could have done more dynamic things with JS but as it is it seemed good

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

I had a bit of a headache performing the validations, I ended up leaving everything in the form's submit event.

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

Form validations. It really gave me a hard time.

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

Just seeing it work makes me happy. I used different "eventListeners" such as input, focus, blur and submit.

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

In the layout I have difficulty adjusting the size of the items within the display grid, it always takes me a while to get the result right.

In JavaScript it was difficult to get the Regex right but as soon as I got it the rest started flowing with the help of event listeners.

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

If possible, I would like to know if I am using listeners optimally, without exaggeration.

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

I liked the way I created my javascript, I redid it a few times and ended up with a version that I found very succinct and readable at the same time :)

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

It was definitely using display: grid. I consulted the MDN documentation a lot, but the one that helped me was W3Schools.

I was having difficulty defining the size and height of the elements within the grid. So for a moment I saw the "matrix", when I realized that I could put a grid inside another grid @.@

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

I consulted the documentation but I'm not sure if I'm following best practices with the display grid. But I keep trying, I think that with more practice I should absorb and evolve more.

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

In this project I tried to do some different things, such as using font-face in the css, avoiding Google Fonts and also using nested styles.

I felt good about creating error validation for my form.

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

I had a little trouble finding a regex to validate the email. Then I saw that I did the structure of my main container wrong, I had to make a compromise to separate the section in the desktop version. I create a class tks and adjust the size of the container in the success message.

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

I felt that my css is not very organized.

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

The mobile and desktop version for sure. It was a pleasure to make them work fine without many changes.

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

Definitely the share container was a challenge, position relative and absolute. Display flex helps a lot.

The triangle bellow the share box, I use a pseudo class ::after to make that and I'm proud of the result.

I struggle with change the svg color, but I found the way using inline svg and the property fill in the css.

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

Maybe using a background-image property not a tag ``.

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

It's fun to use display: grid to put the cards in a good desktop layout.

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

Definitelly using display grid. It's my first time using that property. The other thing is to put the symbol "left quotation mark" inside the first card as a background and adjust the position.

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

I'm not so sure about display grid tecniques, so if I like to get some help.

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

I'm happy that I could centralize all the content in the layout way from eye. I use Mobile First Development, so when I was creating the desktop version, nothing crashes.

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

The card border top with a radius was a challenge. Mix the mobile version and the desktop version to not break the layout.

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

All the work was made from eye, so I'm not so sure about the margins and paddings.

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

I made a simple html not over using divs.

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

All the work is done from eye, I just happy to finish closest to the example.

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

I think that I need help in Responsive images.

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

I take this challenge 2 years ago, but I forgot to submit the solution. So I'm glady to rediscover this project.

Next time I'll not forget to submit the solution, for sure.

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

If I remember correctly, it was my beginning with flexbox so finish the challenge was great.

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

Mobile first development.

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

Styling tables rows was a good trainning.

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

Maybe using display grid to styling tables in the future.

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

I'm not so confidente in the styling table, but I think its ok.

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

Not over/using flexbox in a simple layout.

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

All the work is done from eye. Maybe using a Pro account to check all the spaces, fonts etc.

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

I always want help about semantic tags and responsive layout.

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

I'm happy to change font sizes and transitions on the desktop version.

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

To scale the size of the illustration image, I discovered that I could use the object-fit: cover; property in css.

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

Actually none, but I think that tips in semantic tags and responsive layout is always welcome.

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

I'll write in topics:

• Proud of
  • Reset CSS
  • Mobile first development
  • Full use of classes in css
• Do differently
  • Use a Sass/css pré-processor
  • Maybe use Flexbox in css

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

Using rem over pixels, calculate the values in rem was a challenge.

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

I think that I need help in Acessibility and Semantic Tags.