Skip to content
OverviewSolutions
20
Comments
3
Guillermo Dominguez
@memominguez

All comments

  • Kurt3z•80
    @Kurt3z
    What specific areas of your project would you like help with?

    Hello everyone, I'm having a small problem in my solution.

    By hovering over the "Continue" button, when the cursor leaves the element, it flashes white. On the .btn selector, I'm using the transition property to create a smooth effect, and that may be what is causing the issue. I wasn't able to find any fix that wasn't completely removing the transition property and the effect.

    If anyone could be able to expend some of their time trying to help me understand why this issue occurs, I would be extremely grateful.

    Thanks in advance.

    Results Summary Component using HTML and CSS

    4
    Guillermo Dominguez•440
    @memominguez

    Regarding your button hover. Try something like this:

    button:hover {
    background: transparent; background-image: linear-gradient( to top, hsla(256, 72%, 46%, 1), hsla(241, 72%, 46%, 0.65) ); }

    Marked as helpful
  • Peter Jacobs•190
    @thisispeterj
    What are you most proud of, and what would you do differently next time?

    Combining both CSS Flex and Grid styles to utilize their strengths

    What challenges did you encounter, and how did you overcome them?

    Keeping my code to a minimum while adding custom styling to each Summary type

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

    Any advice on being smarter with the amount of css and html I'm writing. What custom properties could I use to reduce the code I've written.

    Results Summary Component using CSS Grid, Flex and bem

    #bem
    2
    Guillermo Dominguez•440
    @memominguez

    CSS coding. It uses to grow huge, you are not alone.

    Using plain CSS, you may consider organizing separate files. Sometimes, I use filename.module.css modules. Still I'm not fond of Tailwind.

  • Guillermo Dominguez•440
    @memominguez

    Looks nice.

    Just remember it's a good practice to set the colors palette at the beginning of your style.css, using the root: tag. Then call the colors using var().

    Marked as helpful