@Ibarra11
Posted
Overall, your solution to the challenge looked great. One thing I noticed in the article list section is that you are using margin-right: 10px on each item. You could add gap: 10px to the where you define display: flex. On desktop, the last article item is not aligned to the right because it has margin-right: 10px. You could fix that by not adding 10px to the last item, but gap handles that for you it only adds space between items not at the ends. Also, in the article list you are transitioning from display: block to display: flex where you can just do something like this
display: flex;
flex-direction: column;
gap: 30px;
@ media(desktop size){
flex-direction: row;
gap: 10px
}
```;
Marked as helpful
@Trumanchho
Posted
@Ibarra11 thanks for commenting! I'll give it a try.