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 comments

  • Lucas 👾 104,540

    @correlucas

    Submitted

    👾 Hello, Frontend Mentor coding community. This is my solution for the Fylo Landing Page With Two Column Layout challenge.

    This was a quick challenge and I did not customize it. I'm in my journey to finish all HTML and CSS only challenges now I miss only 6. I'll customize only the last 3 one that are really amazing premium solutions!

    🍚Follow me in my journey! Gotta Catch ’Em All

    PS: I'm aware of the accessibility errors but this time I'll skip it and go to the next challenge. 🥱

    Happy to hear any feedback and advice!

    @Source-Web

    Posted

    Hi Lucas... Congrats on finishing this project... There are things you may need to fix. The mobile Navbar is not responsive and the logo for mobile seems too big, consider scaling it or reducing the height and width.

    Also, the input field and button of the section before the footer is overflowing y.

    :)

    Marked as helpful

    0
  • Elaine 11,420

    @elaineleung

    Submitted

    This is my first intermediate project, and I only built this because I already made a calculator app a while ago. Since I've been seeing a number of calculator solutions in my feed, I wanted to see whether I can reuse my old one in this challenge. I ended up rewriting almost all the JS except the event listeners, but this was a really good practice in writing JS classes!

    This calculator can be used with the key pad as well, and also I structured the calculator keys in my HTML in a way where a user can use the tab key if they don't want to use the numpad. The tab functionality somewhat mirrors what my Windows calculator is doing, so I think that's alright for now!

    I kept the design's initial value in my calculator, but I will probably remove it later after the screenshot is taken. The only thing I need to figure out later is how to change the screenshot browser's settings and keep it in dark mode, so if anyone's got any ideas please let me know 😆

    To build this, I used the calculator by Web Dev Simplified's Kyle as my blueprint; his Vanilla JS calculator is probably the best I've seen so far, so if anyone is interested, do check out his work! Also, I aim to add a second display above the main one for showing the first operand, so hopefully that's coming soon!

    Please let me know if there's anything that's broken or not working the way it should. Thank you!

    @Source-Web

    Posted

    Hello, Elaine. I must say I love your theme toggle and as always, you didn't fail to reproduce the design to look like the original.

    I have to agree with @Aik-202, the screen inputs should be seen before the screen value is evaluated. I likewise don't think that's the design rather the screen is meant for printing the input and answer. I like to think of the placeholder text in the design as the result (answer) of the evaluated screen value{Eg. 399980+1}. This is what I did in my solution.

    Please, do check out my solution. I also left a question for the community and I hope you would help with that.

    Nice Job Elaine. :)

    1
  • @Source-Web

    Posted

    Hello Elaine, I love your solution for this Huddle Landing page... How do you get to have it looking exactly like the design?

    0
  • @Source-Web

    Posted

    Please, how do I fix the html and accessibility issues?

    0
  • Samantha 30

    @samanthascarcella

    Submitted

    I found it very difficult to keep my card in the centre of the page. What I am more concerned about is how I made the page responsive. This is my first project (ever) and so I am hoping to get back feedback on how I made my page responsive and where I need to improve for best practices.

    @Source-Web

    Posted

    To get the card to the center of the page, give it a specific width and set the margin to auto...

    What I did was get the card width and margin top and bottom then my code looked like this: .card { width: card width; margin: top-bottom auto; }

    Marked as helpful

    0