I learned the basics of sass and built responsive CSS template, I will work to improve my skills on building responsive design.
What challenges did you encounter, and how did you overcome them?responsive text for all devices, I searched and found using "vw" unit to define the font size.
Looks good. Great job. Some feedback from site:
I am glad I completed this challenge though some areas challenged me to figure out. I am planning to rebuild this challenge again to be the same as the original next time.
What challenges did you encounter, and how did you overcome them?I couldn't align the center of the Icon to the center to match the original one. For the media queries, I tried to figure out some of the desktop size and the mobile size. But if I made errors, I welcome the feedback.
What specific areas of your project would you like help with?I would like help with media queries to be able to come out with quality device responses.
Great job getting the project going and mentioning future development on the project. Some insights and tips I am including below:
header-container to align the contents consistently away from the borders of the container.div class='image' to width: 100% to take up the fill width of the card minus the padding.I’m proud of learning Redux and TypeScript, realizing it’s just the beginning. Next time, I would focus on mastering one of these technologies to feel completely comfortable with it before tackling both.
What challenges did you encounter, and how did you overcome them?I found TypeScript challenging as it took time to resolve unfamiliar issues. However, with resources like ChatGPT, I managed to find solutions and make progress.
What specific areas of your project would you like help with?I’d love feedback on how my code looks from a Junior Developer perspective. Is it enough to start applying for Junior positions? If not, what should I improve? I’d also appreciate guidance on optimizing my process with this stack to save time in future projects.
Looks great.
Looks good. Some nitpicks I've noticed is that there is an indent on the first timeframe (daily) and the first card that spans two rows isn't aligned with the rest of the grid.
looks good. ive noticed on btn hover the contents move.
Looks great, however unable to access the git repository.
Looks good. I would just recommend adding a media query for tablet sizes. You can use the first card to take up the first entire row. The second and third cards can take up the second row and the last two cards take up the last row. Happy coding :)
Amazing job. I love that you saved the colors in the css file for easy accessibility. The code is clear and concise. Only thing I'd recommend is using header, main, section elements to enable screen readers to be optimized.
Still need to figure out how to size images and content in the correct way. I had troubles giving the description the same size of the image in a consistent way. I didn't want to use pxs but I had to do it eventually. Any help or suggestions will be appreciated!
Overall great job. Looks Great. Here are some design comments: The background color of the card component in desktop version does not match the color in the mobile version. Also the mobile version background outside of the color is white when it should be a neutral cream color as specified in the design. The button to add product to cart does not behave as button. It doesn't apply any affects when I click on the button. You can change mouse to pointer when user hovers over the button.
For responsive text you can use em or rem instead of px. Em is relative to the font-size of the parent element. Rem is relative to the root element(html). If font-size of root element is 16px than 2rem = 16 * 2 = 32px. This way your font is flexible and scales.
Looks good!
looks good
I didnt have any problems with implementing the project itself but i had some problems while uploading on github.I managed to solve my issue.I simply couldnt see my img on live but it was due to inappropriate file path.Thanks to Frontend Mentor for providing this challenge.
What challenges did you encounter, and how did you overcome them?I had an issue with uploading my images on github.My problem was with wrong file path.I solved it!
What specific areas of your project would you like help with?I dont need help for now.Thanks
Solution includes semantic HTML Accessible solution Layout is responsive code is well structured
Looks good. Might want to add an alt for the image for accessibility
