Looking to hire developers?
@shameerkamaludeen
@shameerkamaludeen
Submitted
Hi everyone, If you could review the solution and especially the solution details and suggest me anything would be much appreciated.
More precisely, If you could suggest anything from the following would be really grateful, like should I focus on something else if so in what, how, helpful resources if any:
@shameerkamaludeen
Posted
That's really helpful @vanzasetia, thank you, hope the same in the future commit.
I appreciate your efforts.
@Singatha
Submitted
How do I make the hr thinner?
@shameerkamaludeen
Posted
Hi @Singatha good job,
I would recommend looking at the stack overflow question for that, actually, the question is regarding the color of it but you can use border property to help your situation.
If you would like you can have a look at my solution to know how I did it.
Enjoy coding...
@estebXnDK
Submitted
When I worked on the hover image style, I didn't find the answer I needed. So I don't know if my way of doing it was correct. If you have a good source so that I can inform myself, I would appreciate it.
@shameerkamaludeen
Posted
Hi @estebXnDK, nicely done.
I don't know which is a good way, but if you need to know another way to do it I'd recommend to look at Getting an icon on an image on hover CSS
I also recommend knowing the following while achieving this: Does :before not work on img elements? - Faced a really challenging situation when trying to add content after an IMG element on hover and this resource helped rectify it.
You can have a look at my solution to know how I did it.
and small suggestion which I did not do yet 😂, but if you would like you can add a transition on hover.
Enjoy coding...
Marked as helpful
@leslief10
Submitted
@shameerkamaludeen
Posted
Hi @leslief10, nicely done
If you would like to position the last card in the grid as responsive instead of positioned in the centre in a tablet breakpoint I would recommend looking at the Flex-box: Align last row to grid of StackOverflow.
You can have a look at my solution to refer to know how I did it.
Enjoy coding...
Marked as helpful
@romzc
Submitted
Hello everyone, my solution for this challenge.
@shameerkamaludeen
Posted
Good job @romzc nicely done
some points I have noticed you may improve is as follows:
you could add object-fit: cover; to rule @media (min-width: 500px) .hero-desktop to avoid squeezing the image
instead of using multiple img elements for mobile and desktop and using display: none; you can use Art direction
Before submitting the solution you can use HTML validation and CSS validation to find any error in your HTML and CSS file.
Enjoy coding...
Marked as helpful
@muben88
Submitted
Hello, Frontend Mentor community! Hope you're doing great! This is my solution for the Article preview component challenge.
Happy to hear any feedback and advice Happy coding!
@shameerkamaludeen
Posted
good job @muben88, One issue I'm noticed is on share div position on mobile misplaced you can fix this by changing the '.show_share' declaration with:
bottom: 0;
instead of:
top: 18.27rem;
Marked as helpful
@TSune-web
Submitted
I still have issues with responsive design and with rendering and positioning images, SVG files for this challenge. Any comments or advice will be great!
@shameerkamaludeen
Posted
Hei @TSune-web, Good job. I think you did pretty well. If you could point out the particular issue you find then it would be easy to help with that
@KiaBuchoux
Submitted
First attempt!! Although it's far from perfect I think there are lots of things I would need to explore in this one...
@shameerkamaludeen
Posted
Good try @KiaBuchoux, I faced the same it is indeed a difficult component to replicate.
Before submitting the solution you can use HTML validation and CSS validation to find any error.
Read Accessibility on MDN to know the importance of it.
Ask any particular question if you need any help sure I can help.
Marked as helpful
@SridharDnesh
Submitted
Hey guys, do you have any solutions on solving the landmark issue in my code? My code report has landmark issues that I don't know how to fix it.
@shameerkamaludeen
Posted
great job Sridhar, you can view your report to check on accessibility
Before submitting the solution you can use HTML validation and CSS validation to find any error.
Read Accessibility on MDN to know the importance of it.
Marked as helpful
@ahmednassar855
Submitted
I solved it by using flex. Your valuable comments and thoughts are highly appreciated.
@shameerkamaludeen
Posted
Hi stevens I would like to know what particular resource you are trying to learn, I would recommend MDN. There are many others like freecodecamp but I've not tried it yet, MDN will shape your knowledge, it has an organized learning method, especially accessibility, it's worth a try. Happy coding...
