Akllm
@AMALK319All comments
- P@163rohanreddy@AMALK319
Well Done. Good Luck!
- P@eirosiuss@AMALK319
Well done. Good luck!
- @SortJakke@AMALK319
Well Done
- @dongkp96What are you most proud of, and what would you do differently next time?
I think I am most proud of how I flipped to desktop first vs mobile first process and was able to break down the element design little by little without any excessive confusion. I think I would try not using any margin on the cards to create separation and implement grid right away. I kept getting confused of why the vertical gap between my cards were so big until I found out I had a margin-block-end on them.
What challenges did you encounter, and how did you overcome them?I think my challenge was using CSS grid, I was rusty in the area and had a little difficulty trying to position all the items. I lack fundamental knowledge of what properties were available such as using grid template area vs grid-template columns combined with grid-template rows initially and it confused me when I tried to implement it the latter. I overcame this by doing research on google and playing around with the properties.
What specific areas of your project would you like help with?-Can someone explain how you can use grid-column and grid-row to make certain items span certain areas -Can someone explain how to make sure my project fits the screen and is not oversized or anything? Also to make sure proportions are correct with my solution. I can see that it is bulky compared to the design shown. -How to make text fill out as it is intended to for the entire space of an element?
@AMALK319Well Done
- P@j3dd3rsWhat are you most proud of, and what would you do differently next time?
I managed to apply my CSS grid skills to create the grid and then adapted it to be responsive by changing the amount of columns.
What challenges did you encounter, and how did you overcome them?Getting the 1-2-1 card pattern was something I had the right idea for, but the wrong implementation at first. So after a quick search, I managed to solve that issue and get them to be as expected.
What specific areas of your project would you like help with?Just reviewing if there was a more efficient way to do the card restructure, or if that is the best way to go about it.
@AMALK319Well done
- @Dani234jfWhat challenges did you encounter, and how did you overcome them?
I needed to replace an image based on the window width, so I used a
picture
element to include both versions and controlled which one was displayed using a media query, as follows:<picture> <source srcset="images/image1.jpg" media="(min-width: 801px)"> <img src="images/image2.jpg" alt="Responsive image"> </picture>
@AMALK319Well Done!
- @Shashank23codes@AMALK319
Well Done
- @KarimatwahabWhat are you most proud of, and what would you do differently next time?
I'm so proud of myself, and I will love to appreciate frontend mentor for this great website. I would love to work on more challenging project to make me Great.
What challenges did you encounter, and how did you overcome them?I can't really say i faced any challenge on this project. i was so glad to work on it when i saw it and i did well.
What specific areas of your project would you like help with?The CSS
@AMALK319Good Work
- @Katherine-Kapinus@AMALK319
Hey Katherine! 😊
First off, great job on this project! I love how clean and responsive the layout is—it looks awesome on both desktop and mobile. Your use of semantic HTML makes it really easy to understand the structure, and the overall design is super visually appealing.
Just a few small suggestion to take it to the next level:
Hover effects: Right now, only parts of the card respond to hover. It might feel more polished if the whole card had a smooth hover effect—maybe a subtle shadow lift and color change on the title? A quick CSS transition (like transition: all 0.3s ease) would make it feel buttery smooth!
Marked as helpful - @kulkarni997What are you most proud of, and what would you do differently next time?
I've done it all by my own, so that is what I'm proud of!
What challenges did you encounter, and how did you overcome them?Umm I didn't encounter any challenges as such because it was only html and css, looking forward to learn more
What specific areas of your project would you like help with?Nothing as such
@AMALK319Hi there! Great work on this solution. I really appreciate how you went above and beyond by adding thoughtful touches like the shadow effect—even though it wasn’t explicitly requested—and including responsive options.
Marked as helpful