Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
30
Comments
33
Peter Godspower
@TheBeyonder616

All comments

  • Khrystyna Horbenko•230
    @KristinaHorbenko
    Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    I’m proud that I didn’t give up after feeling frustrated and was able to complete this task.

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

    It was challenging to set up the positioning of the footer for the dropdown window to display correctly when the button was clicked. In the desktop version, it needed to be small and positioned at the top of the screen, while in the mobile version, it needed to be full-sized and positioned at the bottom. This required additional effort in styling and responsive layout adjustments.

    flexboxes, java script

    1
    Peter Godspower•710
    @TheBeyonder616
    Posted 8 months ago

    Your code is good overall, but consider adding more semantic html tags

  • spirit•470
    @spirit-101
    Submitted almost 2 years ago

    Multi-step Form

    #sass/scss
    1
    Peter Godspower•710
    @TheBeyonder616
    Posted 8 months ago

    Well done your code is perfect, but you can consider adding error message for the plans and adds on section

  • Vonjy Tahina CHAN•1,150
    @vonjytahina
    Submitted almost 2 years ago

    Interactive-comments-with-react

    1
    Peter Godspower•710
    @TheBeyonder616
    Posted 9 months ago

    Congratulation on your code, the layout has side scroll and the JavaScript is not responsive

  • Jack Williams•270
    @Toumari
    Submitted 12 months ago

    Tip Calculator

    1
    Peter Godspower•710
    @TheBeyonder616
    Posted 9 months ago

    Great work, but adding some error handling would make it better

  • Ansar•540
    @ansarstellar
    Submitted 10 months ago

    REST Countries API with color theme switcher

    1
    Peter Godspower•710
    @TheBeyonder616
    Posted 9 months ago

    Well done

  • P
    David Tsanava•50
    @datots
    Submitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    I had difficulty about making the mortgage calculation and using typescript on it .

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

    I had difficulty about making the mortgage calculation and using typescript on it . Used Chatgpt asked for help

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

    Logic

    Responsive, mortgage calculator using react.js tailwidncss

    1
    Peter Godspower•710
    @TheBeyonder616
    Posted 10 months ago

    I cant view the site

  • faekhatami•540
    @faekhatami
    Submitted 10 months ago

    UNFINISHED

    1
    Peter Godspower•710
    @TheBeyonder616
    Posted 10 months ago

    Wow

  • P
    Michael•180
    @michael-schlueter
    Submitted 11 months ago
    What are you most proud of, and what would you do differently next time?

    I liked using Tailwind for this project. I was already familiar with it. But this project helped me gaining further understanding of implementing gradients, box shadows and using cutom fonts, font-sizes and colors with Tailwind. The Tailwind documentation is superb which is why it wasn't that hard figuring things out on the fly.

    I wished I would've put more thought in structuring the layout beforehand. I switched between Flexbox and Grid in the middle of the project. I was too afraid to use Grid from the start because of its complexity (in comparison to Flexbox).

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

    At the start of the project I was too strict using fixed withs and heights from the design file. During the project I switched from Flexbox to Grid in order to better align the respective components and make them more responsive in the process.

    Responsive results summary component using React and TailwindCSS

    1
    Peter Godspower•710
    @TheBeyonder616
    Posted 10 months ago

    Your code is good! congratulation

    Marked as helpful
  • P
    maziarja•490
    @maziarja
    Submitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    This is my first project where I implemented a mobile-first approach, and I would structure the menu’s HTML differently next time

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

    The minus and plus SVG buttons didn’t work correctly for me, so I had to switch to Font Awesome for another SVG. However, it wasn’t a challenge

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

    I would appreciate it if you could take a look at my project and code, and share your feedback.

    MVC Architectural Design Pattern With Vanilla JS

    2
    Peter Godspower•710
    @TheBeyonder616
    Posted 10 months ago

    Congratulation on your code. it's really good, consider adding transition next time to make the website look smooth

    Marked as helpful
  • olasunkanmi•180
    @SiR-PENt
    Submitted over 3 years ago

    Built with react, react-router and sass

    #react#sass/scss#react-router
    1
    Peter Godspower•710
    @TheBeyonder616
    Posted 10 months ago

    Congratulations on your website, you didn't quite get the placement right, and the slider is not in sync

  • roc2246•630
    @roc2246
    Submitted about 2 years ago

    Bookmark Landing Page

    #sass/scss#bem
    1
    Peter Godspower•710
    @TheBeyonder616
    Posted 10 months ago

    Congratulation on your website, 1) flix the side scroll, use overflow hidden on the parent section, 2) add transition to your slider, and faq

    Marked as helpful
  • Mikhail•460
    @mkostrikov
    Submitted 11 months ago

    Room homepage

    #bem#vite#sass/scss
    1
    Peter Godspower•710
    @TheBeyonder616
    Posted 10 months ago

    You site is good, but need transition and the about section should be a bit bigger that the images

  • Samiullah•490
    @samir-Deve
    Submitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    well despite having sever toothache I finished the project and didn't procrastinate it !

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

    I did not face any challenges just regular coding !

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

    any suggestion is welcome !

    HTML, CSS/SASS, JS

    #accessibility
    1
    Peter Godspower•710
    @TheBeyonder616
    Posted 10 months ago

    Congratulations on your website, I just have some suggestion. Add transition to to make the scroll smooth, also you didn't get the width right.

  • Lucas Weidas•1,350
    @lucasweidas
    Submitted almost 3 years ago

    Loopstudios landing page - Mobile first

    #accessibility#bem#gulp#sass/scss
    1
    Peter Godspower•710
    @TheBeyonder616
    Posted 10 months ago

    your code is really good, keep up the good work

  • Owolabi•250
    @Ay-dotcode
    Submitted 11 months ago

    NFT preview card component

    1
    Peter Godspower•710
    @TheBeyonder616
    Posted 10 months ago

    Congratulation on your code, consider using mor semantic HTML structure

  • Amir Hashemi•480
    @AmirhosseinHashemi
    Submitted over 1 year ago

    Ecommerce Product

    #accessibility#sass/scss
    1
    Peter Godspower•710
    @TheBeyonder616
    Posted 10 months ago

    Your code is well organized but the slider is not responding on time, consider using event delegation

  • Sergiy•1,270
    @MrSeager
    Submitted over 1 year ago

    CSS grid, CSS flex

    1
    Peter Godspower•710
    @TheBeyonder616
    Posted 11 months ago

    congratulation on your code I just have some observation. 1)your JavaScript is not functional 2) your html is not semantic only use div when it has no meaning. good luck

  • Gakii•600
    @G-Gakii
    Submitted 11 months ago
    What challenges did you encounter, and how did you overcome them?

    It was challenging for me to validate forms using JavaScript at first, but after watching a video, I understood

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

    Any feedback to improve i will appreciate

    Responsive Contact Form with Flex

    1
    Peter Godspower•710
    @TheBeyonder616
    Posted 11 months ago

    congratulation on your code, I just have few suggestion 1) your html is good, consider adding more semantic to it, eg split them into different section, 3) your event listener should listen for input and your form for submit , not click

Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub