Latest solutions

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

I'm proud to have been able to respect the design for each screen size

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

...

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

Any comments to improve my work are welcome :)

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

I'm most proud of using CSS Grid to solve this challenge instead of Flexbox. I'm most familiar with Flexbox. It took ingenuity to get my attribution to perfectly center dynamically without having it affect my layout.

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

The attribution took some work to implement correctly without affecting the component position.

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

All feedback is welcome.

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

Instead of relying on margins I will use flexbox to center containers.

I will build mobile-first from now on.

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

I had difficulty deciding whether to use links or buttons, I decided to go with buttons and then I forgot how to stack buttons ontop of eachother. I used w3schools to help me with that. I had trouble with making it responsive, before i was relying on margins but now from watching a youtube video I learned a trick with Grid.

Also having difficulties making the buttons round.

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

Whenever I use border-radius on the buttons the sides get cut off. Bettering responsiveness. Learning how to center containers an items inside of containers with flexbox instead of CSS Grid.

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

I was able to do the validations and worked with dates in javascript which I haven't really ever done before. I was also able to add a little bit of extra stuff like a happy birthday text. Next time I would try to get the leap year accounted for, I just didn't attempt it.

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

The validations were hard at first because I had a lot of if else statements and there seemed to be too many cases to validate. I overcame this by starting over and doing it step by step, adding different functions so that it was cleaner code.

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

per usual, is my code clean, or are there better and more efficient ways to handle things? Any redundancies?

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

.

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

.

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

.

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

All Feedback Is Good Thank You

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

Nothing

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

I am finishing all the newbie challenges using bootstrap as a way to improve using this library.

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

I am proud that I managed to finish this challenge and make it look decent along the way. I know my solution isn't perfect but it being as close to perfect is what I was aiming at.

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

I encountered numerous challenges some harder to solve than others. But the biggest challenge I faced was the fact that I put max-width on my article cards and because of that when I went to make the desktop version of the design it looked awful, thankfully developer tools helped me out tremendously. I also had one more problem with the quotation marks on the first card, and at the end I didn't manage to make it look like I wanted with declaring the z-index so I ended up putting opacity instead

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

I would love if someone looked at my HTML and CSS and told me if I needed to improve something, I know my code isn't perfect but sometimes when we strive to make everything perfect we miss out on actually learning.

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

I used Pixelay extension for Figma this time, and it really helped me to see the difference between the design and my code. I'm always trying to make my html code pixel perfect.

I also used Flexbox and Grid to position the elements.

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

Using Pixelay helped me identify some mistakes I did when making the code.

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

I still couldn't get the font the exact way as in design. Although I read figma instructions and I used font variable, it still slightly differs from the design (its weight, isusally). If someone can give me an advice on that, I'll very much appreciate that.

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

Used Tailwind CSS and React JS

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

Tailwind css doc

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

Code Review!

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

Proud of the layout, adjust the scroll

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

overcoming font-family

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

the responsiveness of it to other devices

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

Along the way completing this challenge it helped me understand many things, such as CSS layout and consuming data from a .json file using javascript, in my next challenge I will use grid box to better understand the layout of a web page.

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

A challenging challenge for a learner, the biggest challenge was the issue of responsive design, data consumption from the .json file and obtaining the average result of all the values with javascript, overcome these challenges with the help of chatGPT as a guide and remembering the fundamentals of javascript.

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

I would like to know more about javascript and data consumption, also in a future challenge use React for the creation and reuse of components.

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

I'm most proud of the fact that I pushed through many aspects of this project that stumped me and I'm quite pleased with the result. I still think that I have much room for improvement when it comes to responsive design though.

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

I encountered problems with sizing the dropdown menu and I overcame them by doing test dropdown menus until I was confident that I could do it better than I initially did.

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

I'd love feedback on how others handle their content flow when the page size is increased. Specifically, I always spend too much time with media queries to try to make everything match up but I feel that there is a better way out there.

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

I'm most proud of the fact that I pushed through many aspects of this project that stumped me and I'm quite pleased with the result. I still think that I have much room for improvement when it comes to responsive design though.

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

I encountered problems with sizing the dropdown menu and I overcame them by doing test dropdown menus until I was confident that I could do it better than I initially did.

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

I'd love feedback on how others handle their content flow when the page size is increased. Specifically, I always spend too much time with media queries to try to make everything match up but I feel that there is a better way out there.

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

Consegui adaptar os site para todos os dispositivos

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

Encontrei dificuldade para alinhar os "box" de conteudo da maneira que foi pedida, mas solucionei unindo 2 boxes, e deixando 2 separados.

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

Alguma outra maneira de alinhar os itens

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

I'm proud to have managed to carry out an exercise involving API.

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

I had difficulty getting the api to replace the text in the HTML, after many attempts I managed to perform this action.

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

I would like to receive tips on how to work with the API, as it is an area that I recently started studying.

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

I felt like this solution took me less time than the first challenge and I learned to use hover states. I also applied feedback on my html to this solution.

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

I tried using pixel perfect to get it to match the design. I know it is slight off because I couldn't get the spacing 100% perfect, but I think its close enough. I also felt stuck again trying to figure out how to center the picture in the container but played around with the container width and padding and got it to work.

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

I would like some feedback on the structure of my html code and the tags used. Is it done correctly? I tried to learn from the previous challenge comments and use more specific tags.

(and if theres anything else that could be better, please let me know!)

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

What I am most proud of is my ability to be make responsive across all screen sizes

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

I encountered the responsive aspect but i was able to overcome them by using max width and min width where necessary

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

None at the moment....Big thanks to Frontend Mentor

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

Probably the countdown implementation was the best part of the challange.

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?

I was able to make a better solution to this challenge.

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

I had a little difficulty using the grid structure. I easily overcame this challenge by reading different articles and watching videos.

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

There is no specific area I would like help with right now.

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

I take pride in my ability to independently address challenges that arise during development. Successfully overcoming obstacles through my own efforts not only boosts my confidence but also reinforces my expertise in troubleshooting and problem-solving within the project scope. This sense of accomplishment fuels my passion for continued learning and growth in web development.

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

I encountered some minor bugs during the development process, but through careful examination and attention to detail, I was able to identify and resolve them effectively. This hands-on troubleshooting experience enhanced my problem-solving skills and deepened my understanding of the project's intricacies.

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

I am open to receiving feedback and corrections as they provide valuable insights for improvement. Embracing constructive criticism fosters a culture of continuous learning and refinement, ultimately leading to a higher quality end product.

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

I'm proud of using SASS mixin and functions and I would create different mixin for each components next time instead grouping everything together.

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

The challenges I encountered with this project are changing the background color of the logo svg file and how to use flex and grid together. I overcame them by reading articles and applying it into the project.

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

What is the best approach to include background images and how to make sure the full height of the footer element covers the remaining page of the body element.

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

I'm proud of using SASS mixin and functions and I would create different mixin for each components next time instead grouping everything together.

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

The challenges I encountered with this project are changing the background color of the logo svg file and how to use flex and grid together. I overcame them by reading articles and applying it into the project.

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

What is the best approach to include background images and how to make sure the full height of the footer element covers the remaining page of the body element.

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

finished and centered my project

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

cursor pointer, transition background color did not change

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

the css attribute of color change when hovering

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

Feedbacks are welcomed.

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

If anyone could give me feedback on Nuxt, i'll mark anything as helpful.

Hello! This is my first Nuxt app deployed on AWS Amplify. For some reason, AWS is not trusted so I used Netlify to host but my nuxt app isn't working so here is the aws link https://main.d3hiigxhnem8gd.amplifyapp.com/

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

I completed most of the project but failed to do languages because there are unique keys and I was unsure of how to generalize them for all country code (i believe).

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

I would appreciate any Nuxt related feedback. Thanks!

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

I am proud of how simple the project felt. It was meant as my final test before moving up to the junior level.

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

Still trying to match the Figma file as closely as possible. I don't know if this is necessary, but my brain sure feels like it is, and I enjoy it. That said, I was a tad flustered by the Figma file dimensions and font weights not matching up visually. As usual, I used my knowledge and resources to match it as closely as possible. In the process, I found some errors in my code that led to some, but not all, of the visual discrepancies.

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

Thanks to this project, I had the opportunity to explore Drizzle ORM and PostgreSQL, delve deeper into caching functionality in Next.js, which is quite a challenge. I also wanted to emphasize styling based on design, rather than relying solely on visual appearance.

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

The issue was with outdated data after editing feedback. Even though I invalidated the routes and tags, returning to the homepage still displayed old data from the cache. Only after implementing a redirect was the problem resolved