Moamen Abdelrahman• 340
@MoamenAbdelrahman7
Submitted
khalagai
@khalagai
All comments
- khalagai• 300
@khalagai
Posted
Great work. The code is easy to follow and the design is almost perfect. I especially like what you did with the success message. I will borrow that for my next project.
Marked as helpful
1 - khalagai• 300
@khalagai
Posted
Your code is so simple, effective, and easy to understand. Part of the challenge was enabling key presses. I will follow up with your profile to see how you tackle it.
Marked as helpful
1 - khalagai• 300
@khalagai
Posted
You got the design almost perfect. Great work.
0 - Moamen Abdelrahman• 340
@MoamenAbdelrahman7
Submitted
khalagai• 300@khalagai
Posted
You went all out on this, I like the logic code.
Marked as helpful
1 - kerekiwere• 350
@kerekiwere
Submitted
khalagai• 300@khalagai
Posted
Perfect design and the Javascript code is easy to follow.
1 - Juan• 480
@JEWebDev
Submitted
What are you most proud of, and what would you do differently next time?
I think i got the design near pixel perfect, it looks really nice
What challenges did you encounter, and how did you overcome them?
It was my first time using forms, i still have a lot of questions. I was considering to just check if the user uses an @ in the input. But then i decided to use regex instead.
I didn't knew how to show the success message and considered to put it in a separate html file. But in that case it will be difficult to share data between them, so i just hid the form and message as needed.
What specific areas of your project would you like help with?
I want to know if the way i did it is correct or there is another optimal way of doing it. in terms of handling the form submit and all that. It will be greatly appreciated.
khalagai• 300@khalagai
Posted
Pixel perfect solution. I also went with the 'hide" solution on my challenge. I like how you handled the error states, I will borrow some code here.
0 - SergioBrandaoF• 130
@SergioBrandaoF
Submitted
khalagai• 300@khalagai
Posted
I like the hover effect on the share button.
0 - ali eldien• 150
@Ali-eldien
Submitted
What are you most proud of, and what would you do differently next time?
finally using grid as it should be!
What challenges did you encounter, and how did you overcome them?
I only had problems with the responsivity of paragraphs. I solved it by using viewport measurement unit.
What specific areas of your project would you like help with?
fortunately , nothing
khalagai• 300@khalagai
Posted
I had the same challenge with the paragraphs. Your code works perfectly.
0 - khalagai• 300
@khalagai
Submitted
What are you most proud of, and what would you do differently next time?
Getting the responsive layout using different images either side of the breakpoint.
What challenges did you encounter, and how did you overcome them?
Using different images in the different layouts. I included both images in the HTML code and used the display: none property in the different screen sizes.
What specific areas of your project would you like help with?
Improvements I could make as well as see how other members tackled the project.
khalagai• 300@khalagai
Posted
Thank you! Will play around with it.
0 - Gabriel• 140
@Ghm84
Submitted
What are you most proud of, and what would you do differently next time?
Working with Grid for the first time.
What challenges did you encounter, and how did you overcome them?
The position of the cards in the desktop version looks different than in mobile so I had to learn how to make that. Another thing that became a challenge is to make the solution to look exactly like the design.
What specific areas of your project would you like help with?
Any suggestions will be appreciated.
khalagai• 300@khalagai
Posted
Beginner here as well. Almost a perfect design solution, nice. A pointer I recently learned, since the challenge only has one font family. Defining it at the "container class" once means it will be assigned to the whole body text.
Marked as helpful
0 What are you most proud of, and what would you do differently next time?
This project isn't difficult, but there are still some details that require patience to find answers and fix.
What challenges did you encounter, and how did you overcome them?
When designing the mobile responsive part, I got stuck because I hadn't set different image sources before. I solved it by looking at documentation from MDN and W3Schools.
What specific areas of your project would you like help with?
I'm not sure why the design looks broken in the design comparison, but it looks fine when I open the webpage. Is there an error in my code? Hope someone can help resolve this issue.
khalagai• 300@khalagai
Posted
I have learnt about the @font face property here to link the font-family.
0- Satyam-Pandey677• 220
@Satyam-Pandey677
Submitted
What are you most proud of, and what would you do differently next time?
none
What challenges did you encounter, and how did you overcome them?
none
What specific areas of your project would you like help with?
none
khalagai• 300@khalagai
Posted
Hello. Coloring the numbers on the instructions list was quite a challenge for me. I like your solution to that.
0
