Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
11
Comments
11
P
AEO
@Jayfx24

All comments

  • P
    Paul Wonka•260
    @pdoubleu30
    Submitted 10 days ago
    What are you most proud of, and what would you do differently next time?

    Learning more about JavaScript's capabilities and getting it to respond appropriately.

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

    Using JavaScript to extract the JSON data appropriately. Utilized a lot of research from online sources and trial and error.

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

    Anything. Simplifying code, especially the JavaScript.

    Responsive time tracker using CSS, HTML, JavaScript, grid etc

    1
    P
    AEO•260
    @Jayfx24
    Posted 8 days ago

    Clean UI, nice job @pdoubleu30. I took a look at your main.js, instead of calling

    relevantAct && timeframe ==='daily'
    relevantAct && timeframe ==='weekly' 
    relevantAct && timeframe ==='monthly'
    

    Use the timeframe directly, making the function easier to extend in the future and easier to maintain. You can create an obj like

    const tfLabel = {
        'daily' : 'Yesterday', 
        'weekly' : 'Last Week', 
        'monthly' : 'Last Month', 
      }
    

    and then replace the hard-coded time frames with the timeframe you pass to you function. So you have something like

    <p class="prior">${tfLabel[timeframe]} - ${previous}hrs</p>

    once, instead of <p class="prior">Last Month - ${previous}hrs</p>

    Marked as helpful
  • P
    bouabdelli maroua amira•350
    @amiramii
    Submitted 10 days ago
    What are you most proud of, and what would you do differently next time?

    that I did it without third parties

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

    a little bit with js, since i'm still a beginner,but practising is making me grow better and better

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

    everything related to responsiveness,layout,js.I'd appreciate any help

    Responsive Newletter sign up with message using HTML&CSS&JS

    2
    P
    AEO•260
    @Jayfx24
    Posted 10 days ago

    Hi! nice work. Nice work and your code is really neat, i also struggled with the hover on the button, you can try using position + ::after + blur. But overall, nice work @amiramii :)

    Marked as helpful
  • abu-baasit•110
    @abu-baasit
    Submitted 16 days ago
    What are you most proud of, and what would you do differently next time?

    achieving the toggle display and hide button

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

    being able to fix the toggle button to display social link

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

    display of social link with pointed base

    flex

    1
    P
    AEO•260
    @Jayfx24
    Posted 15 days ago

    Nice job 👏

  • P
    Quentin•170
    @QuentinTengaGithub
    Submitted 21 days ago

    Meet landing page

    1
    P
    AEO•260
    @Jayfx24
    Posted 19 days ago

    Nice job

  • Alessio Pacconi•100
    @alepacc
    Submitted about 1 month ago

    CSS Grid & Flexbox

    1
    P
    AEO•260
    @Jayfx24
    Posted about 1 month ago

    It looks amazing but could be better if you got rid of those spacing. Nice job :)

  • coder0898•150
    @coder0898
    Submitted about 2 months ago

    Four Card section

    1
    P
    AEO•260
    @Jayfx24
    Posted about 2 months ago

    Your code is impressive

    Marked as helpful
  • abdulLatifPirzada•80
    @abdulLatifPirzada
    Submitted 3 months ago

    Product preview

    1
    P
    AEO•260
    @Jayfx24
    Posted 2 months ago

    Good job. You can adjust the width of the text to make it look better

    Marked as helpful
  • P
    CoderAlchemy24•420
    @CoderAlchemy24
    Submitted 2 months ago

    Responsive Page

    1
    P
    AEO•260
    @Jayfx24
    Posted 2 months ago

    Nice work

  • Abdulmujeeb Isau•40
    @iabdulmj
    Submitted 3 months ago

    This web page made use of Flexbox css

    1
    P
    AEO•260
    @Jayfx24
    Posted 3 months ago

    Good work

    Marked as helpful
  • OnelMartinez•20
    @OnelMartinez
    Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    It's my first project, after years. Maybe next time I'll do it for a component in Angular or React.

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

    none

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

    In none

    QR code component with HTML, CSS and Flex

    2
    P
    AEO•260
    @Jayfx24
    Posted 3 months ago

    Hi! Nice Job. if you increase your top/bottom padding it will look even more better

    Marked as helpful
  • ImMushroomsWeTrust•140
    @ImMushroomsWeTrust
    Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud, that I have figured out how to setup the adaptive sizes of the inner Elements, using box-sizing: border-box;

    I would set up my font's parameters first, using the Design System file from the Figma and only then try to place the elements into their places

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

    I was struggling with the padding between the h1 and p tags, until I found out, that it is easier just to unite them into 1 container Then i was struggling with the text alignment, using text-align: center; when the margin:0 auto; perfectly suited me,

    Adaptive CSS

    1
    P
    AEO•260
    @Jayfx24
    Posted 3 months ago

    nice

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