Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
33
Comments
6

Stryde2022

@Stryde2022490 points

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

Latest solutions

  • fylo-darktheme

    #pure-css#jss

    Stryde2022•490
    Submitted 30 days ago

    can background images be stretched horizontally


    1 comment
  • pricing component using html, css and js

    #pure-css#jss

    Stryde2022•490
    Submitted about 1 month ago

    professional sizing and font sizing, i feel like mine is too big


    0 comments
  • notifications page

    #chart-js#pure-css#jss

    Stryde2022•490
    Submitted about 1 month ago

    i wouldnt say specifically but you are welcome to take a lot, it was pretty easy


    1 comment
  • news homepage main

    #anime-js#chart-js#tailwind-css

    Stryde2022•490
    Submitted about 2 months ago

    i need help learning how to do the nav bar for the mobile view and for the desktop. i made them seperately, is there a way to do it such that they both have the same html structure and they only respond to the width of the screen in order to change into the appropriate state?


    0 comments
  • age-calculator-my solution

    #anime-js#fresh#jquery

    Stryde2022•490
    Submitted about 2 months ago

    take a look at my js, the number of if statements is a lot, is there a way around that? making it shorter? i dont think a project as simple as this one should be having over a 70 lines of js code lol. Help in that regard will well be appreciated.


    0 comments
  • newsletter

    #anime-js#chart-js

    Stryde2022•490
    Submitted about 2 months ago

    my earlier project i was advised to make use of the BEM methodology in future projects, so i did some research on it and tried to to apply it here, turns out i dont fully understand it yet, so i abandoned it and ended up sticking with what i know. any help on that would be very much appreciated


    2 comments
View more solutions

Latest comments

  • Stryde2022•490
    @Stryde2022
    Submitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    i did this in one sitting, took me over three hours tho lol , i am too freaking slow, and this is a very easy one

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

    none

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

    my earlier project i was advised to make use of the BEM methodology in future projects, so i did some research on it and tried to to apply it here, turns out i dont fully understand it yet, so i abandoned it and ended up sticking with what i know. any help on that would be very much appreciated

    newsletter

    #anime-js#chart-js
    2
    Stryde2022•490
    @Stryde2022
    Posted about 2 months ago

    thank you for the feedback i really appreciate bro

  • Stryde2022•490
    @Stryde2022
    Submitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    Not much, this quite an easy project

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

    i had alot of problems with the section-2, i still have a problem with knowing how to use .active and .inactive on features of sliding or change of state, i.e on click of the calculation button, how the empty cart is meant to disappear and be replaced with the one full of selected items, i have an issue here, although i did manage to scale through but it was without full understanding. so any advice is welcomed in that aspect.

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

    Also, on the hover effect the radio inputs, i tried doing that with js and for some reason it refused to work out, so i ended up settling for css in that regard.

    mortgage main calculator

    #airtable#animation#anime-js
    2
    Stryde2022•490
    @Stryde2022
    Posted about 2 months ago

    thanks for taking the time to go through my code, i really appreciate

  • julian•340
    @lspacka
    Submitted 4 months ago

    Product list with cart

    1
    Stryde2022•490
    @Stryde2022
    Posted 3 months ago

    sorry i texted you on discord bro. I need some assistance pls

  • FREDERICO GARCIAS ALVES•290
    @FredericoGarciasAlves
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    It was a fluid project and ended up being very enjoyable, despite me having changed my approaches!

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

    My biggest challenge was when I had to deal with file handling. It took me 40 minutes to read, apply, and understand what was happening inside the JS. It was the first time I came across this solution!

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

    Anything that needs refactoring, since I did it and posted it right away!

    HTML, CSS, and JS, the JS file was the longest.

    1
    Stryde2022•490
    @Stryde2022
    Posted 4 months ago

    wow! looks neat. i am a beginner myself and I am shocked you said that yours took you 40mins for the forms part. this overall took me a week to complete and mine turned out not as good

  • P
    Kellen James•300
    @Kellenkjames
    Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    I'm most proud of:

    1. Leveraging Angular to break down the project into multiple components
    2. Utilization of SASS and BEM methodologies
    3. Creating a micro-framework for spacing / padding utility classes.

    In addition, this is the first time I've used all of the information from Figma to create a scalable and modular codebase.

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

    The biggest challenge was understanding data flow within Angular and the parent-child relationship between components. This requires somewhat of a mindset shift from standard HTML / CSS which is easier to write but more difficult to scale.

    I overcame these challenges by slowing down and thinking through each component from top to bottom.

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

    N/A

    Clean and modern blog preview card built using Angular and SASS

    #angular#sass/scss#typescript#bem
    1
    Stryde2022•490
    @Stryde2022
    Posted 7 months ago

    i like how precise you stated your problems encountered

  • Yeshwanth Sai Gokarakonda•20
    @yesh31
    Submitted 8 months ago

    QR Code Component

    #bootstrap
    1
    Stryde2022•490
    @Stryde2022
    Posted 7 months ago

    looks great! love the creativity!

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