I would like to get feedback on the responsive solution and to know other possibilities.
I hesitated a bit on the responsive design. I think I need to refresh my knowledge on this subject.
How I mentioned before I want to fix the margin or padding botton when the card's width is wider than 1440px.
As I mentioned before, I would like to be able to use SASS and concentrate on mobile design.
I am proud to have completed this challenge. I hope to get better and better with every challenge i attempt.
What challenges did you encounter, and how did you overcome them?No big challenge
What specific areas of your project would you like help with?To be getting ideas of up-to-date best practices from the community
Hey! I just checked your solution and it is really good. Your code is clean and easy to understand. The only thing I missed was the mobile view, but overall I think you did a great job :)
I am most proud of the timing of the project, even though it is a simple component, I was able to get it mostly done in under 2 hours. Getting the performance right was another important part of this project. The next project I will implement more components so it can prepare me for the bigger projects.
What challenges did you encounter, and how did you overcome them?I didn't run into many problems that I couldn't handle. Whenever I needed any reminding I used the official docs of SCSS so I could apply the correct structure of the styles.
What specific areas of your project would you like help with?If you see anything broken please let me know. I have tried it in Firefox, Arc, and Edge which is Chromium so Chrome should work properly.
Juan, I just checked your solution and GitHub repo and it is really inspiring! Really good job! :)
I've tried to use semantic HTML and BEM using SASS.
What challenges did you encounter, and how did you overcome them?Using BEM I often overthink things. I needed to go back again and rewrite it few times. Sometimes output was not as I expected. I double checked everything with developer tools and fixed the problems. Mostly it was adding padding and margins to inline elements without realizing it.
What specific areas of your project would you like help with?I'd like someone to check my semantic HTML. I'm not really comfortable with it yet and I'm not sure if I used it right. Any help on that topic is welcome. Also reviewing code in general would be highly appreciated.
Hi! Here my feedback to your project :)
Does the solution include semantic HTML? Yes, I see that you have used semantic elements to organize your HTML code.
Is it accessible, and what improvements could be made? In general you solved the challenge in a very structured way and I don't see anything you should improve or change.
Does the layout look good on a range of screen sizes? The layout look good but I am not sure that you have implemented a responsive solution.
Is the code well-structured, readable, and reusable? I find really cool how you modularized in components your scss code.
Does the solution differ considerably from the design? Your solution is very close to the design proposed in the challenge.
This is my first Challenge on Frontend Mentor, and I am proud that I finally started actively learning after a few courses of studying frontend.
What challenges did you encounter, and how did you overcome them?I did not encounter any challenges, since this one is pretty basic, but I know that the future projects will be much more challenging
What specific areas of your project would you like help with?I do not need much help on any areas in this project.
Nice solution! :) I just finished this challenge and paid attention on the automatic feedback from the frontend mentor. Using semantic HTML can help you organize your code better. From your code I will practice to use variables for the next time :)
