Article Preview Card with Semantic HTML, Flexbox, Javascript
Design comparison
Solution retrospective
I finished this project faster than previous ones. It felt easier than past projects which makes me feel like I'm getting better!
Next time I might try other ways to position the social icons next to the button. But it still works!
What challenges did you encounter, and how did you overcome them?Did not know how to make the little triangle part under the social bar. Had to search for it. Otherwise everything generally went well.
What specific areas of your project would you like help with?Any feedback on the semantics or anything I can improve in html/css/js :)
Community feedback
- @percydocomoPosted about 1 month ago
I also had to do a little research on the 'triangle' part of the social media section. My solution is similar to yours and your result looks great!
Similarly, I also used 'toggle' in the JavaScript section. I guess this is one of the simpler solutions for the project.
The overall design is very close to the original. Great work!
1@MattJM1007Posted about 1 month ago@percydocomo Thank you! yea I figure toggle was the easiest as well.
0 - @ktzazzPosted about 1 month ago
For the position of the image you can use object-fit and object-position. Your project looks really good congrats :D!
1@MattJM1007Posted about 1 month ago@ktzazz thanks for the suggestion and compliment!
I tried the object fit and position, but it pushes the content to the right of it outside the main container. Not sure whats going on there
0
Please log in to post a comment
Log in with GitHub
Join 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