Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Article Preview Component using Vue.js

Wesley 330

@wesleyjacoby

Desktop design screenshot for the Article preview component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


This was my first time using Vue.js.

Whilst it made things easier, I also found it much harder. However, with practice, I'm sure it'll get easier.

The real challenge was positioning the speech bubble. I made its position absolute. I then noticed that it wouldn't react to the browser being resized, so I added a bunch of media queries. I'm sure there must be a better/easier way?

I don't expect anyone to go through the code and understand what's going on there. I'm not even sure I do. Haha.

If you do, though, please don't hesitate to give feedback. I appreciate it.

Thanks!

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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