
Gilbert Koomson
@Gilbert-KoomAll comments
- P@danmlarsenSubmitted 4 months ago#react#tailwind-css#typescript#vitest#framer-motion@Gilbert-KoomPosted 3 months ago
your project is close to the design but you need to change the spacing to align with the design
0 - @Nikshinde7Submitted 5 months ago@Gilbert-KoomPosted 5 months ago
Your project is great, but the font sizes are too small so I suggest you change the sizes and the weights to fit the design
1 - @andrewsiachosSubmitted 9 months ago
- @GehadazzamSubmitted 9 months ago@Gilbert-KoomPosted 9 months ago
Try to change the font weights to match the design
Marked as helpful0 - @hexanneSubmitted 11 months agoWhat are you most proud of, and what would you do differently next time?
I am most proud ot the whole project and I would like to finish my project on time
What challenges did you encounter, and how did you overcome them?After uploading my repository to vercel.com, the web could not access the images and the icons
What specific areas of your project would you like help with?- Adding the fonts given
- Setting layout depending on user's display screen
@Gilbert-KoomPosted 10 months agoUse responsive font like by using clamp in as the value of the font size
0 - @Abioye965Submitted 10 months ago@Gilbert-KoomPosted 10 months ago
Change the background color to match the design
Marked as helpful0 - P@josip-hSubmitted 10 months agoWhat are you most proud of, and what would you do differently next time?
I am the most proud of completing the project and for sticking with practicing the skill of web development. I wouldn't do almost anything different the next time as the next project will have its lessons and the most I am hoping for is that the lessons I learned earlier will be of great help with solving new problems and in making me more efficient in the process.
What challenges did you encounter, and how did you overcome them?There were a few challenges but nothing too serious. The first one was with using git. Since I'm somewhat new to using git and this time I was using two different computers for writing the solution I needed to learn how to fetch the newest versions of code. The process is relatively straightforward and was solved by using Chat GPT. The other small problem is with motivation for writing documentation as it's not as fun as writing code.
What specific areas of your project would you like help with?If anyone has some experience with the BEM naming convention I would be grateful for any comments regarding my implementation. Also, any other suggestions would be greatly appreciated. Thanks!
@Gilbert-KoomPosted 10 months agoAdd more margin to the top of the the container so that it aligns vertically with the design
1 - @ysstudio22Submitted 10 months agoWhat are you most proud of, and what would you do differently next time?
I was most proud of being able to research and implement some of the styling challenges. Of course making the site responsive was quite a feat on its own.
What challenges did you encounter, and how did you overcome them?As I wrote above, it really came down to researching on the web. I read through MDN and W3 School pages to figure out how to get the styling that was expected from the designs.
What specific areas of your project would you like help with?If possible, I'd like to revisit my code later to see if I could make the code much readable than it is now.
@Gilbert-KoomPosted 10 months agoYour font didn't load try checking whether the url is correct
0 - @the-tishbiteSubmitted 10 months agoWhat are you most proud of, and what would you do differently next time?
What I'm most proud of is that, I was able to face every challenges head on, until I got a solution.
And what I'll do differently next time is that, is to make/sketch out a plan based on the best possible way to achieve the said task.
What challenges did you encounter, and how did you overcome them?I encountered challenges in trying to style the project as was seen in the design folder.
What specific areas of your project would you like help with?The CSS areas, specifically the responsive web design area.
@Gilbert-KoomPosted 10 months agoFrom your style.css change the background color of the body from hsl(220, 15%, 55%) to hsl(212, 46%, 89%); to match the background color of the design. Also use (color hexa)[https://www.colorhexa.com] when working with colors
0 - @HolgermuellerSubmitted 10 months agoWhat are you most proud of, and what would you do differently next time?
That I was able to figure out all of the form validation functions, particularly how to remove the error messages from the DOM when the user resumes filling out the form. I think next time I'd probably use something like grid or bootstrap for the formatting and spacing of the form.
What challenges did you encounter, and how did you overcome them?I had trouble getting all of the functions for the form, the validation and the subsequent error message removal, to all work together. I originally had one large function that handled everything, and figured all the actions in that function were interfering with each other. So I figured out a way to separate my concerns, by refactoring my code and giving each of the error messages their own function, and attached these functions to the individual inputs elements on the form. This not only eliminated the problems my function was having, it made my code easier to read, and ultimately maintain.
What specific areas of your project would you like help with?Any constructive criticism, tips, and/or tricks are welcome!
@Gilbert-KoomPosted 10 months agoYou were close to the design but i recommend you read more on form validation at MDN
Marked as helpful1 - @KamaleloSubmitted 10 months ago@Gilbert-KoomPosted 10 months ago
Avoid using non semantic elements like div but instead try to use semantic element like header article and footer
Marked as helpful1 - @habeebalamutuSubmitted 10 months ago@Gilbert-KoomPosted 10 months ago
Avoid using non semantic elements like div but instead try to use semantic element like header article and footer for accessibility
1 - P@ArekR93Submitted 10 months ago@Gilbert-KoomPosted 10 months ago
Try to reduce the spaces between the flex items so that it will match the height of the design
0 - @HabonyousufSubmitted 10 months ago@Gilbert-KoomPosted 10 months ago
Try to add more margin to the top of the container
Marked as helpful0 - @andref2015Submitted 10 months ago
- @palak-007Submitted 10 months agoWhat are you most proud of, and what would you do differently next time?
I tried to made the web page fully responsive for all screen sizes. I also learned how to deal with spacing and indents in listing elements. I would try to write a more sophisticated and easy to understand code next time. I also learned how to style tags such that we have to write minimal CSS in media queries.
What challenges did you encounter, and how did you overcome them?While dealing with listing tags, I encountered problem in styling the numbers in the ordered list different to the text. I tried to explore how can it be done and i solved the issue. I was little bit confused in media queries but i encountered it somehow.
What specific areas of your project would you like help with?I want to learn more about responsiveness and would like help on same.
@Gilbert-KoomPosted 10 months agoYou did great but try to remove the line under the fat table row
1 - @Gilbert-KoomSubmitted 11 months agoWhat are you most proud of, and what would you do differently next time?
I love the fact that i used display flex and justify content to center my items but next time i will try to use other layout technique.
What challenges did you encounter, and how did you overcome them?I found it hard to figure out the correct font sizes and weight without the figma files but i tried my best by using the images from the design folders
What specific areas of your project would you like help with?I would like to transition the profiles background colors smoothly to green
- @Gilbert-KoomSubmitted 11 months agoWhat are you most proud of, and what would you do differently next time?
I love the fact that i have implement css flexbox layout but next time would like to try grid layout.
What challenges did you encounter, and how did you overcome them?At first i couldn't make the container grow based on the items in it , so i read css flexbox from css tricks and found the amazing features of flex by just just setting the display of the container to flex.
What specific areas of your project would you like help with?I would like to know how to use the figma design files