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

colourful page, layouts

ramiadi 30

@ramiadi

Desktop design screenshot for the Blog preview card coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

I worked alone in this project, so i know how to figure out to make a website all alone

What specific areas of your project would you like help with?

especially the box i need help with. When the box got full, all of the text got outside of the box. I tried to figure out how to include everything in the box when it got full but i couldnt do it. I tried display and overflow but i couldnt figure it out. Can you look at my code and give me a feedback? Is the css code optimized?

Community feedback

Huy Phan 1,480

@huyphan2210

Posted

Hi @ramiadi,

I believe I can help with the issue you mentioned about the box getting full and the text overflowing.

The problem is likely due to the fact that you're setting a fixed height on your .blog-box. When the content inside exceeds this height, the box won't expand to fit, causing overflow.

I no longer see the issue on your website, which I assume is because you adjusted the .blog-box height to 441px. However, removing the fixed height altogether should resolve the problem. This way, the box will adjust automatically based on the content inside.

Hope this helps!

Marked as helpful

0

ramiadi 30

@ramiadi

Posted

Hi @huyphan2210,

I did what you told me and it worked! Thank you so much for the information, i really appreciate it!

Thank you for the feedback! -ramadi :)

1
P

@ricarddo96

Posted

very nice, just be carefull with the overflow

1

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