Any suggestions will be appreciated!
Latest comments
- @AgilePanda482What specific areas of your project would you like help with?P@CristianAlexa
Looks very good. Nice job. I love the css variables.
The icons looks a bit out of ratio.
- @codecaptain139P@CristianAlexa
Hi,
Looks very good, nice job. Thy using grid as per challenge requirements. Will be a good exercise. It is incredible easy with grid. Also will be nice to use semantic html tags like <header>, <section>, <article>, etc.
- P@mehmetcagriekiciP@CristianAlexa
Hi,
Looks good. Nice job. However the vertical alignment is currently set to center.
- P@pdoubleu30What are you most proud of, and what would you do differently next time?
Proud to have utilized grid for the first time. I would try to do this challenge quicker and more accurately next time.
What challenges did you encounter, and how did you overcome them?I had challenges implementing grid but utilized online resources to help work through it.
What specific areas of your project would you like help with?anything and everything. i'm new to coding but would love any feedback to improve, especially to reduce the amount of code.
P@CristianAlexaHi,
Looks really good. Nice touch using semantic html tags
- @ryyHardyWhat are you most proud of, and what would you do differently next time?
I am proud of the HTML because I got it done very fast despite not taking on a frontend mentor challenge in a few months. I am also happy with the decision to go mobile-first on the design and getting the media query done. I think the final result looks really close to the design files, too.
What challenges did you encounter, and how did you overcome them?My knowledge of CSS grid is very much a work-in-progress. It took me a while to figure out how to give the grid that "staggered" layout. Also, I wanted to use the clamp() function more, and it worked eventually, but I struggled a lot with finding the right units/values to use. Like always, units are hard.
What specific areas of your project would you like help with?In my media query, I had an issue where the font would appear too large just after the transition, before becoming normal again as the width increased. I heard it's a common struggle to handle font sizes during a media query or layout transition, so any advice is welcome.
Also, I would love to get better at using the clamp() function. I had a hard time with using a mix of different units for the parameters and getting an intuition for how the function works.
Finally, feel free to give feedback in any area you see fit.
P@CristianAlexaHi,
Looks very good. Great job.
You can also limit the width of the sub-title - you can use max-width for it. You can also use <article> instead of <div> for the .gallery-card elements.
- @souvikpramanikgitWhat are you most proud of, and what would you do differently next time?
I done it by myself and also i love to do code from ui design to website.
What challenges did you encounter, and how did you overcome them?When i am creating this for desktop size, i faced alignment and centering issues, but later i fix it.
P@CristianAlexaLooks amazing. Great job. In the style section just remove the commented lines.
Have a great day.