All solutions

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

This is the first challenge i complete using Astro and Tailwind, the Development experience with astro and tailwind is great.

This is my first time using them so i have a lot to learn that's why i played a bit with componetization here and there.

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

This is the first full page challenge i have made and using astro and tailwind made it a bit easier.

Also i couldn't implement the functionality yet. The suggested API documentation isn't clear and beginner friendly and i tried another frontend mentor user solution and malwarebytes flagged as phishing site so it made it not trust worthy for me.

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

Any tips on understanding and handling POST request for consuming third party API's would be greatly apreciated.

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

Im proud that i was able to finish the challenge and was able to fill the data with the json file included. Also used css grid this time

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

Most of the things that i needed i had made them before, like the radio button nav for the timeframes was similar to the one in the tip calculator app so it was easier, also using the json was easier too because i already did it in the results summary challenge. It feels nice to see and feel that i am making a progress

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

Any feedback is welcomed.

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

I think i got the design near pixel perfect, it looks really nice

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

It was my first time using forms, i still have a lot of questions. I was considering to just check if the user uses an @ in the input. But then i decided to use regex instead.

I didn't knew how to show the success message and considered to put it in a separate html file. But in that case it will be difficult to share data between them, so i just hid the form and message as needed.

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

I want to know if the way i did it is correct or there is another optimal way of doing it. in terms of handling the form submit and all that. It will be greatly appreciated.

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

I will update it later to fill with the json file

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

how to fill the info with the json, i'm still figuring it out

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

Any feedback is welcomed

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

Being able to complete the challenge in less than an hour. I am learning accesibility best practices to implement in my next projects.

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

making the columns the same size. i achieved this with flex-basis: 100%

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

Any feedback is welcomed!

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

I'm proud that the speed with which i do the challenges is getting faster

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

The background is a tough one, i like the result but not sure if it's correct

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

Any feedback is welcomed, more if is about the background

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

I am proud that i could finish the challenge applying what i have learned of html css and js without much complications so far.

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

how to round a number to only two decimal digits. The solution i found was to use the fixed method like this number.fixed(2)

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

Any feedback is welcomed!

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

With every new challenge i can code a bit faster and that is awesome!

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

Thanks to previous completed challenges i had enough knowledge to finish in a breeze, the picture tag is interesting by being able to change the image with a media query.

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

Any feedback is appreciated :D

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

I´m proud that i feel a lot more comfortable doing the challenges

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

styling the image was tricky, i had to try a lot of things but found out how with the background-image property

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

Any feedback is welcomed

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

Im proud that i could finish it in less than an hour :D

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

I'm starting to feel comfortable with flexbox and html :D all went like a breeze

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

Any feedback is welcomed :D

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

I'm proud of finishing this project in less than 1 hour and 30 min. Also i learned something new with the css clamp method.

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

Adjusting the font sizes without media queries, it was challenging and fun!

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

Any feedback is welcome. Have a great day!

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

I think that i got pretty close to the design and I'm proud about that

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

The footer, it looks well in some screen sizes and in larger ones just grows a lot. I will work in writting better html and css too.

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

Any feedback is appreciated. And any tip to how to fix the footer will be welcome as well. Thanks for your time :D

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

I'm very proud that i finished this challenge. I still have lots to learn but it was very fun.

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

I didn't knew how to use media queries and downloaded fonts. I searched web.dev page for learning responsive design and MDN for how to use downloaded fonts.

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

Any feedback is appreciated. Have a nice day!

I still have a lot to improve in writing css. Any feedback is welcomed

Hello! This challenge isn't completly finished yet, but i got stuck and need some help with the mobile design.

• What is the correct form to set the width and height to full page?

I had a lot of trouble making it full height and can't seem to find how to do it right.

• Why when i try to add the following code to the media query for the mobile design it behaves strange?

@media screen and (width >= 900) {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(5, 1fr);
}

It would not change the grid layout. I couldn't find the way to make it a single column layout with 6 rows with each square in each row. I tried the same with grid-template-area and no result.

• Is it better to change to flexbox instead of css grid?

Any other feedback or suggestion will be very appreciated too.

Still learning to manage forms so tips with forms would be very appreciated.

Sometimes when i deploy a website on github pages the images don't load even if the path is correct. How can i fix it? (same case with font).

• Is there something i can improve? (code structure, bad practices, etc).

• Any tip for breakpoints and media queries?

• Did i use well Media queries?
• How can i know the breakpoints for each device?
• What is the 1440px width in the style guide used for?