GelatoCode• 60
@gelatoCode
Submitted
Midnight-Black-Wolf
@Midnight-Black-Wolf
All comments
@Midnight-Black-Wolf
Posted
wow nice work, it almost the same, good job
0- xXDan1Xx• 30
@xXDan1Xx
Submitted
@Midnight-Black-Wolf
Posted
nice work
Marked as helpful
1 - SemahCODE• 20
@SemahCODE
Submitted
@Midnight-Black-Wolf
Posted
nice work, you can use
box-shadow: 15px 15px;to get a solid shadow like in the design, and add the hover effect.1 - GelatoCode• 60
@gelatoCode
Submitted
@Midnight-Black-Wolf
Posted
nice work
1 - Dave• 40
@Guitar8634
Submitted
What are you most proud of, and what would you do differently next time?
I am most proud of the following-
- learning Markdown today
- the basic process for using github to submit work on Frontend Mentor
- my knowledge of html and css got me through this design
What challenges did you encounter, and how did you overcome them?
The challenges I encountered in this order were-
- remembering how to center the card using this code-
body { display: flex; flex-direction: column; align-items: center; justify-content: center; height: calc(100vh - 1px); }- choosing which way to order my css
- understanding when to use
display: flex;
What specific areas of your project would you like help with?
Areas I'd Like Help With
- figuring out how to have a link in hover grow with it moving the other links next to it for example, I have this code for my links-
.attribution a:hover { font-weight: 600; transition: all .225s ease-in-out; color: hsl(47, 51%, 55%); }When the font-weight grows, the text on either side moves out of the way to create space. I'd like it to grow over the other text. Would this be a
z-indexor `` type solution?thanks!
@Midnight-Black-Wolf
Posted
It looks good, and the code is clear. for the font-weight grows check this out: https://stackoverflow.com/questions/34342801/increasing-font-size-without-moving-other-text This may help you, and good luck
2
