Brett

@blpetersbrett.peters
Plano, TX
80Points

I'm a mysterious individual who has yet to fill out my bio. One thing's for certain: I love writing front-end code!

I'm currently learning...

CSS, JavaScript

Latest Solutions

Latest Comments

    • HTML
    • CSS

    3-column preview card component using flexbox

    1
    Brett80 | Posted 5 days agocommented on Jp's "3-column preview card component" solution

    Hey - The visuals look perfect, great job. I would think about adjusting your media query pixel cutoffs. Unless I zoomed out in the browser, I was unable to see the desktop version on my medium-sized laptop screen, which is around 1200px wide. Also, If I change the screen to less than 375px, it reverts back to a horizontal layout that is not optimal for a mobile screen.

    1
    • HTML
    • CSS

    Responsive Page built with HTML CSS flex and Sass

    2
    Brett80 | Posted 5 days agocommented on Marvin Ngugi's "Order summary component" solution

    Great job - the spacing on all the content looks really nice. The only things I would note: -The card is showing up too tall on my desktop fullscreen browser view. I had to zoom out on the browser view to see the entire thing. -Missing a border radius on the bottom two corners - You can add that to the .text-content section. -I would add box-shadow to the .blue-btn and .center-content classes to add some depth to the card.

    0
    • HTML
    • CSS
    • JS

    used flexbox for responsive layout and grid for centering items

    3
    Brett80 | Posted 6 days agocommented on Naveen kumar A M's "FAQ accordion card" solution

    I really love the transition animation on the accordion and the fact that it matches up with the arrow turning to flip upside down - that looks really good.

    I did have some issues with my display on Firefox and Chrome where the card is extending too far past the bottom of the purple container background. I had to zoom out to 80% to get the display correct, so you may want to look at those settings.

    0
    • HTML
    • CSS

    3-column card component challenge hub with responsive design

    2
    Brett80 | Posted 8 days agocommented on Pablo Páez's "3-column preview card component" solution

    Great looking solution! I was testing out the responsiveness for the mobile version in Firefox, and I noticed that the media query cutoff of (max-width: 375px) was too low to trigger the mobile versions for many mobile phone screens. I would suggest possibly adjusting the max-width in the media query to work for a larger number of devices.

    0
    • HTML
    • CSS

    Profile card using HTML and CSS

    2
    Brett80 | Posted 9 days agocommented on mcclellangg's "Profile card component" solution

    It looks like you may need to apply a background-color to your .main class in CSS. This should add a solid layer of color on top of the .svg image on the background and should "darken" the background. The correct color should be listed in the style guide. I hope this helps

    1