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:
That's really helpful @vanzasetia, thank you, hope the same in the future commit.
I appreciate your efforts.
How do I make the hr thinner?
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...
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.
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...
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...
Hello everyone, my solution for this challenge.
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...
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!
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;
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!
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
First attempt!! Although it's far from perfect I think there are lots of things I would need to explore in this one...
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.
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.
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.
I solved it by using flex. Your valuable comments and thoughts are highly appreciated.
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...
