Design comparison
Solution retrospective
this project really made me think twice about my career choice or maybe I'm just exhausted.
Either or, couldn't get active state on the avatar,
spacing was off when it came to borders and icons,
best practices to include an image and text onto one line?
I suck at adding overlays, figured that out today.
this project took over 9 hours. Scratched it and did it all over again, made me feel as though I haven't been learning anything which is definitely not the case
we all feel like imposters at some point of our careers no matter the duration. didn't bother with media queries for this one just wanted it over with, stayed up abnormally late will most-likely update revise and reupload at a later date but for now this will have to do. ALL advice is appreciated, this was stressful for no reason. Need more practice with spacing, alignments, overlays and position's. Thanks in advance !!
Community feedback
- @AdrianoEscarabotePosted about 2 years ago
Hi Huey.io, how are you?
You've been doing a great job here at fem, keep coding, I guarantee that a month from now you'll be glad you didn't stop!
I really liked the result of your project, but I have some tips that I think you will enjoy:
- to improve the design of the page, we can do this:
body { margin: 0 auto; }
The rest is great!
I hope it helps... π
Marked as helpful1 - @VCaramesPosted about 2 years ago
Hey there! π Here are some suggestions to help improve your code:
Here is a link regarding the image overlay:
https://www.w3schools.com/howto/howto_css_image_overlay.asp
-
The purpose of the Main Element is to identify the main content of your page. It is not the container of you component. After the main element, you want add a container to wrap you separate components in.
-
Add a
border-radius
to the component's container and NFT image to better match the FEM design. -
The NFT Alt Tag description needs to be improved upon. You want to describe what the image is; they need to be readable. Assume youβre describing the image/icon to someone.
-
Wrap the "NFT image" and "Equilibrium #3429" in an Anchor Tags <a>. The anchor tag will allow users to click on content and have them directed to another part of your site.
If you have any questions or need further clarification, let me know.
Happy Coding! π»π
Marked as helpful1 -
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord