@deyorz
Submitted
@UMo0HU
@whicker132
Submitted
@UMo0HU
Posted
nice job, bro.
@defPhisy
Submitted
What are you most proud of, and what would you do differently next time?
So much but in terms of this project i would choose my separate css-reset.css file that i can use for all my new projects.
What challenges did you encounter, and how did you overcome them?
Had a problem with a mysterious margin-bottom on my avatar img. After some inspection i found that this was a problem to the selectors i used.
Line 64-67 on style.css:
.blog-card img {
border-radius: 12px;
margin-bottom: 1.5rem;
}
Line 109-113:
.blog-card-author img {
width: 35px;
height: 35px;
border-radius: 50%;
}
The problem was that.blog-card-author
is inside .blog-card
. So it took margin-bottom
form there.
My solution to this was adding a new class for the avatar img, because i did not find a good solution to do it with selectors without loosing readability.
What specific areas of your project would you like help with?
Everything what i can improve.
But for now i think you can help me with the avatar img, that does not load on the github page. locally everything works.
Due to the missing avatar image i found out that the alt text cannot be shown because the avatar is so small. Is that effecting screenreaders? I guess not but maybe there is a workaround.
@UMo0HU
Posted
it is nice that you were able to find the solution for your problem, keep going bro.
@Lev-T13
Submitted
What specific areas of your project would you like help with?
How to vertically align a div.
@UMo0HU
Posted
I think if you wanna vertically align a div using a flex, you gotta use align-items: center; which will work in case you give this div a suitable height for example height: 100vh;.
What are you most proud of, and what would you do differently next time?
Melhorar modo de estrutura do html
@UMo0HU
Posted
nice result