Skip to content
Submitted about 2 months ago

colourful page, layouts

ramiadi•50
@ramiadi
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Blog preview card
  • HTML
  • CSS
1newbie

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•2,300
    @huyphan2210Posted about 2 months ago

    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•50
    @ramiadiPosted about 2 months ago

    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
  • ricarddo96•20
    @ricarddo96Posted about 2 months ago

    very nice, just be carefull with the overflow

    1

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