@YariMorcus
Cem KAPLAN
@uixcemAll comments
- @uixcem
One of the best solution that I have seen in the solution section, great work! Keep it up!
- @MsadafK@uixcem
Very good work! I noticed only main__highlight-section is not like in the design file, it is like column aligned. Maybe using position:absolute could work, otherwise great work! Keep it up!
- @tiedej2000@uixcem
Good work! I noticed some things, but minor things, so there is no need to mention them here! I like your structure,great work! Keep it up!
- P@zorosafi2003@uixcem
Hello, good job! Only thing that I noticed you forgot the put hover effect to heading, but the rest of is quite good! Keep it up!
- @LeandroAzevedo-1What challenges did you encounter, and how did you overcome them?
Responsividade e Js.
Feedbacks para melhorar o projeto serão bem vindos.
@uixcemHello! Your structure is good, but regarding responsiveness, the share button's placement is incorrect. It appears in different parts of the screen at different screen sizes. I think you should fix this positioning issue. Otherwise, I like your design and structure! Good work, keep it up!
- @arjunpramachandran@uixcem
Hello! Good job! I only noticed that one more button has been placed on the bottom, and its name is #veepn-breach-alert. It would be better visual without this div! Keep it up!
- @h3cat3@uixcem
Very good work! I have nothing to say except about the headers of each card. Maybe it would be nicer if you used a bit lighter weight on headers for consistency of the design file. But it is a minor thing. Overall, your work is great! Keep it up!
- @SaranKumar372What are you most proud of, and what would you do differently next time?
I successfully completed my first project. I know my code looks amateur, but I will improve my skills day by day.
What challenges did you encounter, and how did you overcome them?I am a beginner. So, using Github is challenging for me.
What specific areas of your project would you like help with?I need help with using fonts.
@uixcemFor a first project, I think it is quite good! My suggestion would be to give body height min-height 100vh to keep everything in the middle and use a bold font in the first heading. Also using an external CSS file would be really nice to keep everything in order. I am pretty sure you will do great work soon, just keep it up!
Great work, keep it up!
Marked as helpful - @Radha-7git@uixcem
Excellent work! Keep it up!
- @hailemikaelasmamaw@uixcem
Good work! I noticed that the gap between the middle elements is much larger than in the design. Maybe you should try using three columns and two rows in your grid system. That way, you can stretch the first and last elements between cells, and put the middle elements at the top and bottom. Just a suggestion! :)
Keep it up
Marked as helpful - @NjeriwaweruWhat are you most proud of, and what would you do differently next time?
I am proud that I was able to implement the design using Sass.
@uixcemGood work! One tip, you can use Claude.ai or ChatGpt to get design file fonts if you don't have a premium account like me, just upload a picture of designs and ask them for fonts/colors.
Keep it up!
- P@KynjiiWhat are you most proud of, and what would you do differently next time?
Getting the font weights, sizes, line-heights as well as making sure the lists behaved properly.
What challenges did you encounter, and how did you overcome them?The lists, figuring out how to place the bullet points and style them correctly was frustrating but helped me learn about list styles.
What specific areas of your project would you like help with?I can never figure out how to get the main content vertically centered
@uixcemGreat work! The only thing that I noticed is a white space on the page bottom. Maybe it would be nice to give a padding-5rem to body? Can be try.
- P@rkeppler42What are you most proud of, and what would you do differently next time?
I am proud of using BEM and learning about ways to customize bullet poins and other markers in lists.
I would like to think more about the implementation of the css before doing it
What challenges did you encounter, and how did you overcome them?I had to research how to customize the bullet poins in the lists
What specific areas of your project would you like help with?BEM CSS
@uixcemI checked your code, and learned how to use font-face more efficiently! Great work, keep it up!
Marked as helpful - @danielnero-bot@uixcem
It would be nice to use max-width value plus width 100%, which makes your card responsive. Otherwise good work!
Marked as helpful - @AbigirlMuchineripiWhat are you most proud of, and what would you do differently next time?
The most thing I am proud of is the ability to use CSS variables to speed up the coding process and using @media queries for different screens compatibility.
Next time I would like to improve my figma skills.
What challenges did you encounter, and how did you overcome them?At first my avatar image was not visible, therefore, I had to style the avatar image together with the avatar class and it worked.
@uixcemExcellent work!
- @nafisaadamWhat are you most proud of, and what would you do differently next time?
How it is responsive across all screen sizes
What challenges did you encounter, and how did you overcome them?is to make it responsive I used css media query to resolve the issue
@uixcemYou don't need to use media queries for responsive design, as the design itself is a small card. Using max-width and min-height would be sufficient. Your card size is smaller than it should be - this is something I noticed immediately. Otherwise, good work! Keep it up!
