I repeated my knowledge on the tag "ul, li" and transition
What challenges did you encounter, and how did you overcome them?I came across the fact that i initially didn't add the UL and LI tag, but in such situations the old practice and Google helped
What specific areas of your project would you like help with?Just more practice, thanks to this site it's easy to fix
The layout looks good, but the CSS could be better organized for readibility.
using flex box to get all the elements to play nice together.
What challenges did you encounter, and how did you overcome them?I didn't like setting the text to black for most of the text. Then I realized that they would all inherit the color from the "container" class and I would just have to override one of the text colors
What specific areas of your project would you like help with?How could I better structure my scss?
What are some ways I could consolidate my flexbox definitions, could I have wrapped most of the elements in another tag and just used flexbox there?
Any suggestions to improve my code/html/css?
The shade of yellow used is quite different, but the resulting layout is more or less the same. Nice use of component based structure with Vue. As for organizing the code, maybe you could try grouping other related elements together. For example, the title, description, and date could be grouped together in one div. Overall, it's still readable and the fairly accurately copied the mockup.
The code appears to be well structured, although the final output on desktop slightly differs from the original design. In a mobile display, the page adjusts accordingly well. Additionally, the use of the "alt" attribute makes the page accessible to a wider variety of users. Overall, the solution seems to be good.
