@Lunarix09Submitted 3 months ago
sediqa
@Hasani-SediqaAll comments
- @Hasani-SediqaPosted 19 days ago
Good Job! It is better to set a default view!
Marked as helpful0 - @saccoViolaSubmitted 4 months agoWhat are you most proud of, and what would you do differently next time?
I'm proud of the final design and that it took less time to finish the graphic part, compared to my last challenge.
What challenges did you encounter, and how did you overcome them?It was challenging to set the javascript part to verify the email address, I'm not sure that I verified all the parameters, if not, please tell me and I'll be happy to listen! In this process, Google was my first ally, I also asked chatGPT in some moments in which I was stuck, just copying/partying my code asking if there were syntax errors
What specific areas of your project would you like help with?For sure there is a faster way to verify that the input email address is actually a valid email address, I would like to know also different ways to do it!
@Hasani-SediqaPosted 4 months agoNice job! I think you forgot to add a box shadow to the buttons, You can use something like: box-shadow: 0 4px 8px -1px rgba(255, 0, 0, 0.5); to achieve the effect.
1 - P@wecaxSubmitted 4 months agoWhat are you most proud of, and what would you do differently next time?
N/A
What challenges did you encounter, and how did you overcome them?N/A
What specific areas of your project would you like help with?N/A
- @KapteynUniverseSubmitted 6 months agoWhat specific areas of your project would you like help with?
I think i am having trouble with images all the time. Couldn't adjust text section height like %70 of the card because img height didn't reduce (
height = 100%wasn't there at start ) Tried flex .3, max-height etc. Also couldn't find how to crop img either. Maybeoverflow = hiddenwould work normally but here i used flex.@Hasani-SediqaPosted 4 months agoHi @KapteynUniverse,
I hope you're doing well. I'm currently working on this project and facing some challenges with the social styling part. I've noticed that your work in this area is exceptional, and I admire your approach. I would like to ask for your permission to reference and follow your path to create my project better. Would it be possible for you to help me out?
Thank you in advance!
0 - @frost3dWaveSubmitted 5 months agoWhat specific areas of your project would you like help with?
The grid on desktop, become more like a masonry layout rather than a a proper line-to-line structured layout. so if someone could tell me what's going on, I'd would really appreciate it.
Other than that, if there is something you see me doing wrong or if there is a better way to do something please let me know.
I appreciate any & all feedback.
@Hasani-SediqaPosted 5 months agoGood job! The design looks good. I think the "Jeanette Harmon" section appears a little smaller. I think if you use these properties for your container, it would work better: " display: grid; grid-template-columns: repeat(4, 1fr); "
1 - @GualdufarSubmitted 6 months ago
- @Al3sshuSubmitted 5 months ago@Hasani-SediqaPosted 5 months ago
The style looks good, i think you can change the height of the card.
Marked as helpful0 - @arthuvinciSubmitted 5 months ago@Hasani-SediqaPosted 5 months ago
Well done, To center the container you can use this code
body{ display: flex; justify-content: center; align-items: center; min-height: 100vh; }1 - @masalatimothySubmitted 5 months agoWhat are you most proud of, and what would you do differently next time?
I'm proud of my studies until now, through this project I challenged my basic HTML and CSS skills as a beginner and I saw that I'm making improvements. Next time I hope I will be more professional and do better working with CSS Flexbox and Grid Layouts
What challenges did you encounter, and how did you overcome them?I didn't encounter many challenges because the project was not so difficult with the skills I already learnt until now, but building a responsive page wasn't easy so to overcome that I just used media-query
What specific areas of your project would you like help with?I would like feedback about the responsive design, how to change the list style type color
@Hasani-SediqaPosted 5 months agoHello masalatimothy,
to change the list style type color you can use this property:
ul li::marker, ol li::marker{ color: ; font-weight: ; font-size: ; }
Marked as helpful1 - @brammilevsSubmitted 5 months ago@Hasani-SediqaPosted 5 months ago
well done, If you used an avatar or icon, it would look much better.
Marked as helpful0 - @Top-Trekx-Im-gvp-98Submitted 5 months agoWhat are you most proud of, and what would you do differently next time?
finally i recreated solution with flex-box. in this i learnt about box shadow & concepts of pseudo (hover & focus). next time i will use it in my projects.
What challenges did you encounter, and how did you overcome them?i faced challenge in creating box-shadow for the card . i go through mdn document understand concept of box shadow.
@Hasani-SediqaPosted 5 months agowill done, for a better layout, you can use padding: 20px; to add space inside the card. Also, increase the height and width to make sure all the content fits nicely.
Keep practicing, and you'll succeed. Trust the process and believe in yourself!
0 - @luscacodeSubmitted 5 months ago@Hasani-SediqaPosted 5 months ago
Congratulations, you have completed your first challenge.
0
