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

All solutions

  • Submitted


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

    This is a redo of this challenge. I combined the two desktop images to create the single image for tablet and mobile. I also changed the button text colors and hover states to pass accessibility contrast checks.

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

    I wasn't able to get the images to overflow the page view. I will need to spend more time on this to figure out how to do it. It may be because I used Grid for the Hero section.

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

    If anyone has info on how to get the images to overflow the page, it would be appreciated.

  • Submitted


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

    This is another redo of the testimonials grid section. It came out much closer to the design than the first time. I learned a lot about how to use grid and flexbox together to get the layout I wanted. I also continued to use custom properties for the colors, font sizes and spacing.

  • Submitted

    Recipe Page

    • HTML
    • CSS

    0


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

    I haven't used tables much recently, so this was a good refresher. I used one spacing variable and the calc function, so I can change all the spacing for the entire page with one variable. I also used the BEM methodology and @font-face for the fonts.

  • Submitted


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

    This is my second solution to this challenge. I used CSS Grid instead of Flexbox and transform to move the cards. I have started using @font-face to import fonts. I will continue to use this method in future projects. Importing Google fonts violates Europe's GDPR.

  • Submitted


    Its been a while since I last uploaded a new project solution because of family matters. This was my first Guru project and any feedback would be appreciated.

  • Submitted


    This was the most difficult site I have built to date. All the moving parts and section resizing was a challenge. I had to use a lot of margins and padding to get everything looking like the design. I used Polypane to get it looking good on 8 different screen sizes. Any feedback would be appreciated.

    Thanks David

  • Submitted


    This was the most involved project I have done to date. Creating multiple pages with different layouts and different types of Javascript was a challenge. I found that the layout and styling was easier than I thought. That is from the multiple projects I have worked on in Frontend Mentor. I had to use different Javascript files for the different pages as I couldn't get it to work from one file only. If anyone has any tips about the Javascript, I would be happy to hear them. Thanks

    Background color isn't showing in the solution even though it is on the live site.

  • Submitted


    This works fine in Chrome and Edge, but it either doesn't work or is flaky in Firefox. Any help would be appreciated. Thanks.

  • Submitted


    I added a border to show keyboard focus on the toggle. It shows up when you click on it, and shows until you click away. If anyone has another way to do this I would appreciate the help.

  • Submitted


    I didn't do the changed state of the share button when active. I didn't want to spend the time using filters or changing the color of the arrow.svg. Any suggestions would be appreciated.

    Update: Fixed missing background color and incomplete Google font link info.

  • Submitted


    This is one of the first times I used CSS Grid to any extent. There are still some things I would like to improve. Any feedback would be appreciated.

  • Submitted


    This was not an easy challenge, I spent a lot of time getting images placed just right on desktop view. The accordion stretches the page on desktop when it opens. Any feedback would be appreciated.

  • Submitted


    This is my final version of the Easybank challenge. This was my toughest challenge yet. Because of the way I built the main nav I couldn't use border-bottom for the hover state without ruining it. I used a position:absolute "hack" to display the borders so they don't line up perfectly. Any feedback would be appreciated.