Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
26
Comments
3

CyPhEr420

@CyPhEr420400 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

  • simple solution


    CyPhEr420•400
    Submitted 9 months ago

    0 comments
  • Simple web app


    CyPhEr420•400
    Submitted 10 months ago

    2 comments
  • simple app


    CyPhEr420•400
    Submitted 10 months ago

    1 comment
  • Not very efficient code React code


    CyPhEr420•400
    Submitted over 1 year ago

    0 comments
  • Simple website


    CyPhEr420•400
    Submitted over 1 year ago

    0 comments
  • Simple responsive site


    CyPhEr420•400
    Submitted over 1 year ago

    0 comments
View more solutions

Latest comments

  • the-benn•30
    @the-benn
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    I'm proud I was able to complete the challenge, and I look forward to completing more challenges in the future. I would like to make my work faster next time. I took too much time building this QR code, and I would like for my time frame to be faster. With time I will, hopefully.

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

    I still need a little help with my CSS now though. I'm currently a work in progress.

    Responsive Q.R code page

    1
    CyPhEr420•400
    @CyPhEr420
    Posted over 1 year ago

    Get into a habit of writing classes to the elements as much as possible, use Flexbox to make layouts easier, and look at other people's code to see how they did it.

    Marked as helpful
  • valeriia hashemi•100
    @feroztia
    Submitted almost 2 years ago

    News Homepage

    5
    CyPhEr420•400
    @CyPhEr420
    Posted almost 2 years ago

    In your section, you can just give

    .section{
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    }
    

    The images are big because you set your box class to 900px and 800px width with media queries and you have set the image 100% so it's taking the width of the box.Just give one main width for the box. If you use the above CSS you do not have to use media queries because it will adjust on its own.

    And for the main element its does not have to be that complicated just try and rework how you structure it and try using flex maybe it will be easier

    Marked as helpful
  • Om Jha•20
    @blzee-maker
    Submitted over 2 years ago

    Product-view-card-component with just CSS and HTML

    #cube-css#materialize-css#tailwind-css
    4
    CyPhEr420•400
    @CyPhEr420
    Posted over 2 years ago

    use flexbox it will make your code simple you will not have to use margin so much. Try looking at other people's code and try to figure out what they r doing

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