Skip to content
OverviewSolutions
8
Comments
11
coyoteshkw
@coyoteshkw

All solutions

  • Submitted about 1 month ago

    Responsive article preview component

    • HTML
    • CSS
    • JS
    1

    Can I only make the pop-up display outside the card by canceling overflow: hidden?

  • Submitted about 1 month ago

    Responsive testimonials grid section

    • HTML
    • CSS
    1

    when screen > 400px and <1200px, sometimes the card will too height for adapting grid height, making space between card content too wide. And card avatar in one grid row different.

    I can use align-self:start control avatar but still weird.(space not be the same)

    maybe I could try container query on card font or card layout next time.

  • Submitted about 1 month ago

    Responsive four-card-feature-section

    #bem
    • HTML
    • CSS
    2

    more knowledge about clamp() font

    another way to control card description height be the same.

  • Submitted about 2 months ago

    Responsive preview card component

    #bem
    • HTML
    • CSS
    1

    When switching to the large screen layout I found that the margin of the main text part could not support the entire right half. I didn't know how to deal with em units, so I finally decided to use fixed width and height. I hope there is a better way, thank you very much

    error

    @media screen and (min-width: 600px) {
  .card {
    max-width: 600px;
    max-height: 449px;
  }
}

    And want to know how to keep the image at the same height as the parent element, even if the image needs to be stretched. If anyone has critical feedback please don't hesitate to let me know

  • Submitted about 2 months ago

    Responsive recipe page solution

    #bem
    • HTML
    • CSS
    1

    the divider and the spacing between them were one of the hardest parts of the whole page. There are many ways to achieve it but it's impossible to know which is the best practice.

    Finally I use recipe__title's margin and recipe__section's padding-bottom. section margin-top is zero.

    Maybe a nicer solution?

  • Submitted about 2 months ago

    Responsive social links profile

    • HTML
    • CSS
    1
  • Submitted about 2 months ago

    Responsive blog card using flexbox

    • HTML
    • CSS
    1

    I fixed the width and height, but I'm not sure that's a good solution. And I use flex layout to make my card center, if I cancel the height and width, the width will change when larger the browser.

  • Submitted about 2 months ago

    qr-code-component

    • HTML
    • CSS
    1

    More and more details. Always confused