please feel free to leave any feedback. thank you so much :0
Abdihafid Adan
@Abdul400All comments
- @Abdul400Submitted almost 3 years ago@Abdul400Posted almost 3 years ago
hey @KaiPereira
thank you for your feedback. I will be considering them for my next challenge. :)
0 - @Eman-AbdElZaherSubmitted almost 3 years ago
happy for your feedback
@Abdul400Posted almost 3 years agohello @Eman-AbdElZaher, Generally, your work looks really good and is very responsive. However, here are a few things I noticed.
- the link to your GitHub code does not work and there is no way of reviewing the code.
- I bypassed that by using the view page source in chrome web dev tools and noticed that you gave the hero-desktop image a width and height of 100% which squishes it when viewing devices with smaller width. I would recommend using the image as a background of the right-side and then positioning it accordingly using
background-position
. - The form placeholder should also be the same color as that of the paragraph. You can edit the placeholder using
::placeholder
property.
Other than that. Good Job!!
0 - @AnulQrSubmitted almost 3 years ago
Hi All Would appreciate feedback on this please. I'm using a screen size of 375px & 1440px
@Abdul400Posted almost 3 years agohello @AnulQr. I think your work generally looks really good particularly for the desktop view. However, I noticed a few things.
- It is responsive but the pages have not been optimized well for mobile devices and tablets.
- The responsive layout transitions to quickly to the mobile view too quickly and according to your code, I can see that you started with mobile-first development, which is not necessarily a bad thing. However, you have to consider other devices too. I believe the transition from desktop view to mobile view should be from around 375px, but I usually start around 500px to cater for 'phablets' because phone screens are getting bigger. There should also be tablet devices maybe starting from 500px to around 800px or so. Then the rest is desktop view. kindly consider such devices in your development.
- The background does not match the one outline in the design files. consider incorporating it and adjusting it accordingly.
Other than that, Great Job!
Marked as helpful0 - @Mhmd-Tarek-MhmdSubmitted almost 3 years ago@Abdul400Posted almost 3 years ago
hello @Mhmd-Tarek-Mhmd,
I noticed that the JavaScript functionality for email validation works only when the email is invalid. as per the design files, I believe you should also have a (green text) notification when the email is valid. I also noticed that the background positioning is a bit off. Use the
background-position
property to position your background.Other than that, excellent work!
Marked as helpful0 - @sqle157Submitted almost 3 years ago
My first challenge after a 4 months stop on coding. I hope this can give people inspiration on doing more challenges.
Feel free to give any feedbacks if you guys want!
@Abdul400Posted almost 3 years agohi, @sqle157.
Generally, everything looks good and scalable. However, I think you have to work on the hover states for instance, use
cursor: pointer
on the hover states for the avatar image, and also the name in the NFT component. Also, to allow for accessibility, kindly wrap the primary contents in a main html attribute. On the same note, provide alt descriptions for your images to also allow for accessibility.Otherwise, nice Job for having a clean and readable code!
Marked as helpful0 - @Abdul400Submitted almost 3 years ago
Hello guys, any feedback on my work would be highly appreciated. Thank you :)
@Abdul400Posted almost 3 years agowill definitely do so. Thank you for sharing your resources. I will definitely look into them.
0 - @brodiewebdtSubmitted almost 3 years ago
This is my final version of the Easybank challenge. This was my toughest challenge yet. Because of the way I built the main nav I couldn't use border-bottom for the hover state without ruining it. I used a position:absolute "hack" to display the borders so they don't line up perfectly. Any feedback would be appreciated.
@Abdul400Posted almost 3 years agoI'd really like to know what your web dev setup looks like. I like how you develop so quickly and they still look so good.
0 - @brodiewebdtSubmitted almost 3 years ago
This is my final version of the Easybank challenge. This was my toughest challenge yet. Because of the way I built the main nav I couldn't use border-bottom for the hover state without ruining it. I used a position:absolute "hack" to display the borders so they don't line up perfectly. Any feedback would be appreciated.
@Abdul400Posted almost 3 years agoI'm not sure how you develop your solutions so rapidly, I see you uploading in quick successions. Do you use bootstrap?
0 - @Abdul400Submitted almost 3 years ago
hi, any feedback on my work would be highly appreciated. Thank you
@Abdul400Posted almost 3 years agoThank you so much, this solved my issue. I thought making the color above the picture and giving it a lower opacity was the only way to do so. I'm still not sure how your solution works, but it works. Could you please explain to me? unless the bg-intro-desktop.png itself has a transparent background, I'm not sure how the hsl(0, 100%, 74%) can be seen.
0 - @brodiewebdtSubmitted almost 3 years ago
This is my final version of the Easybank challenge. This was my toughest challenge yet. Because of the way I built the main nav I couldn't use border-bottom for the hover state without ruining it. I used a position:absolute "hack" to display the borders so they don't line up perfectly. Any feedback would be appreciated.
- @Abdul400Submitted almost 3 years ago
hi, any feedback on my work would be highly appreciated. Thank you
- @shashankbhat2Submitted almost 3 years ago@Abdul400Posted almost 3 years ago
hello @shashankbhat2, your solutions looks great and the hover states are exactly as depicted. However, there are some things that I noted:
- clear your accessibility report.
- the page is not responsive for mobile i.e., 375px. I think you should work on making it responsive for mobile devices.
- the avatar does not have a white outline by default. It should have an outline on hover. So add a hover state to the image and give it a white outline.
Marked as helpful1