All solutions

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

Any feedback is appreciated.

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

The desktop version was difficult, but mostly because of the various images used in the page, if I can decide the page design I would use more background with colors and not depending entirely on the images for that.

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

To make the images look somewhat good across different screen sizes, I achieved this by changing between the mobile and desktop versions of the images and forcing them to occupy all its container space.

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

Any feedback is appreciated.

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

The validation of the email using a regular expression is something I not always do, so I'm happy to see this working.

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

I have no much experience with form validation, but I was able to make it work using regular expressions.

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

Any feedback is welcome, but I really want some suggestions in how to name in a better way the CSS classes.

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

The data fetching from the data.json file, and for the next time I want to use CSS grid from the start.

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

The transition to desktop design, I overcome this problem by using the max-width property to restrict the max size of some elements causing visual problems.

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

I would like suggestions about the CSS classes naming, but any feedback is welcome.

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

The use of position absolute to position the social media links in a container separated from the normal flow of the page.

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

The active state from this challenge was something new, I achieve it by using the position absolute property to position the social media container above the author container.

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

I would love suggestions about naming conventions for the CSS classes, and also better implementation of semantic HTML

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

I was able to implement the template element and fetch method the for the first time.

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

The use of the fetch method, that involved the use of promises. I was able to implement this with the help of tutorials but mostly with the support of my brother - @JEWebDev.

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

I have some experience with JavaScript, but I am definitely not great, so any feedback is appreciated.

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

The match of the design is always important for me, not pixel perfect but close enough, the next time I will try to build a simpler layout.

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

The transition between mobile and desktop give me some difficulties but, checking the breakpoints and the CSS flow, I kinda matched the design.

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

Better naming for the CSS classes and better layout ideas.

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

The use of CSS grid, as I mostly use Flexbox.

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

The transition between medium and big screens, mostly of the constant change of size of the cards.

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

Better solutions to restrict the change of size of the cards at different screen widths, any feedback is very welcome.

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

The use of the picture element I think was a good addition, and maybe the next time I need to simplify things from the start.

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

The transition to the desktop design cause me a problem with the spacing, but I fix it, simplifying the HTML arrangement.

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

I would like to improve in the area of semantic HTML, but of course any feedback is welcome.

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

I'm proud that I learned a lot doing this.

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

Use the rem unit for the sizes of the project and fluid typography.

I achieved this by following a best practice for responsive design and the use of clamp for the fluid typography.

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

Any feedback is welcome