@Nikshinde7Submitted 4 days ago
Gilbert Koomson
@Gilbert-KoomAll comments
- @Gilbert-KoomPosted 4 days 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 5 months ago
- @GehadazzamSubmitted 5 months ago@Gilbert-KoomPosted 5 months ago
Try to change the font weights to match the design
Marked as helpful0 - @hexanneSubmitted 6 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 5 months agoUse responsive font like by using clamp in as the value of the font size
0 - @Abioye965Submitted 5 months ago@Gilbert-KoomPosted 5 months ago
Change the background color to match the design
Marked as helpful0 - @josip-hSubmitted 5 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 5 months agoAdd more margin to the top of the the container so that it aligns vertically with the design
1 - @ysstudio22Submitted 5 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 5 months agoYour font didn't load try checking whether the url is correct
0 - @the-tishbiteSubmitted 5 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 5 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 5 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 5 months agoYou were close to the design but i recommend you read more on form validation at MDN
Marked as helpful1 - @KamaleloSubmitted 5 months ago@Gilbert-KoomPosted 5 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 5 months ago@Gilbert-KoomPosted 5 months ago
Avoid using non semantic elements like div but instead try to use semantic element like header article and footer for accessibility
1 - @ArekR93Submitted 5 months ago@Gilbert-KoomPosted 5 months ago
Try to reduce the spaces between the flex items so that it will match the height of the design
0
