All solutions

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

Im most proud of the function I was able to write to filter the jobs, and the use of the BEM naming convention to identify my html element with the class names that I used.

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

I had such a hard time at publishing the built version of the project, since I used VUE CLI, I had a webpack bundle and needed to publish it like that in order to have my project live and running, I struggled with the filter functionality but at the end I was able to finish it.

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

I would like to have feedback on the BEM naming convention, if I did a good job, what could I do better next time, and what other ways can this get done.

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

I'm proud of the whole project, that can be used in a phone and desktop, and also of how it came out very close to the figma file provided by frontend mentor.

Next time I'll start with mobile first approach and instead of using a cdn I want to start the project from scratch and have the dependencies installed within the project instead of depending on the CDN.

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

I tried to used stores(Vue Pinia) but with the CDN I was unable to integrate it in the project, so I had to work without components for this time.

I also struggled with some styling at first, but once I got the hang of it, I was able to move on faster.

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

I would like to have any feedback to improve the project even more, and see how far can I get it.

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

I'm excited to say that I could build this template in html and css within 2 hours, very fast considering how long it took me to build the first two challenges, Next time I'll try to implement a mobile first workflow to make more seamless the transition between desktop and mobile.

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

I was having a hard time figuring out why my mobile version wasn't working with the media queries I stablished but soon I realized that I was trying to make changes to a class instead of an html element, which is how I set up most of the structure.

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

I'd like some help with defining the height of my component, seems to not be right even though all the margins and padding were correct my high I believe is going to be lower than the design proposed by frontendmentor.

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

I'm proud of being able have used flexbox to successfully center the component, I also used media queries to resize the component when use in a smaller screen, and at the same time being able to align the text of the author to the center of the avatar image was a little challenging, I spent a bit of time figuring that out.

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

Like I mentioned before I experienced difficulty trying to align the author name with the avatar image to the center, however I was able to fix it and center it!

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

Last project I had to use fixed sizes with the images, in this one I used max-width to fix the sizing problems, however there's a margin of error, and I had some problems with the left side of the main image, it had like a whole pixel across the left side of the image that made it not fit in its container and at this point I don't know how to fix it.

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

I'm excited that I could complete this first challenge because the final version looks very similar to the original version if not the same, If I had to redo it I'd learn how to decode the Figma file and learn from there what are the border radius of the component, and also the padding of the borders that I honestly just guessed.

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

I had to figure on my own the paddings of the component and also I had to solve how to center the div to put it in the middle. I solved by apply margin auto to the component on the css.

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

If anyone know how to interpret the figma file, I'd like to hear some feedback from you, because I could see it I had the file but didn't know how to extract margins or paddings or de radius of the borders for the component! Thank you so much in advance