Skip to content
OverviewSolutions
17
Comments
9
Muhammed Towfik Jemal
@mtjeth

All comments

  • Muhammed Towfik Jemal•510
    @mtjethPosted 12 months ago

    Its nice one, and you should not strive to be pixel perfect just a one similar to images. and if you have better ideas just implement them. on the other hand you missed to put hover effect on the button.

    1
  • Tomás Pereira•510
    @TomasPereira-DevSubmitted 12 months ago
    • The navbar brokes if you resize from mobile to desktop and then mobile again, I don't know how to fix it.
    • Also the mobile menu doesn't have that dark translucid background, i tried adding filter: blur() opacity() to the <main> but it's not the way to do it, how can I get it right the next time?

    Intro section with dropdown/hamburger menu

    1
    Muhammed Towfik Jemal•510
    @mtjethPosted 12 months ago

    Hi, I have an idea for your background. which is changing background color when the sidebar is opened. thus giving it translucent look.at least that's how i made mine

    1
  • Muhammed Towfik Jemal•510
    @mtjethPosted 12 months ago

    Great Design!, I think its even better idea than the space tourism.

    1
  • Saul Gustavo A. S.•550
    @saul-gustavoSubmitted 12 months ago

    I need help.

    When creating this project, i encountered several difficulties. I wanted to make it look exactly like the design image, and i did achieve it, but it doesn't resemble the image as much as i'd like. As seen in the CSS styles sheet.

    I added many properties that shouldn't be there, but they worked for me to make it look like the image. Honestly, i need to continue practicing my CSS skills.

    I haven't explored many properties, and it's a bit challenging for me, but i'm very happy with the result obtained in the end. I enjoyed working on this project; it's the first project i've uploaded to my Frontend Mentor profile.

    Results Summary Component

    2
    Muhammed Towfik Jemal•510
    @mtjethPosted 12 months ago

    HI, Just to say good luck and this was also my first project and its a good starting place and if you keep practicing i think frontendmentors.io is a good place to advance in your css skills.

    1
  • RedMwp•870
    @RedMwpSubmitted about 1 year ago

    Problem in emplementing deletion, any help will be appreciated

    Calculator

    1
    Muhammed Towfik Jemal•510
    @mtjethPosted about 1 year ago

    By taking input value as string then slice the last entered data with .slice(0,-1) then replace the value. for more see my implementation in my page.

    function del(){
    var a = document.getElementById('display').value.toString();
    a = a.slice(0,-1); 
    document.getElementById('display').value = value;
}

    display is the input element id.

    Marked as helpful
    1
  • Muhammed Towfik Jemal•510
    @mtjethPosted about 1 year ago

    you can use margin-left with negative value to move the computer more to the left. and make it appear as the challenge. see mine for more.

    0
  • Arboricum•170
    @ArboricumSubmitted about 1 year ago

    I could find just a solution to style the range input and this solution was found on Mozilla developers tool (it was about -webkit-slider) and it said it is not supported by all browsers, so I switched to radio buttons instead: is there any valid solution for all browsers, instead?

    Responsive Calculator with JavaScript and CSS Grid and Flexbox

    1
    Muhammed Towfik Jemal•510
    @mtjethPosted about 1 year ago

    you can create a toggle with div. Thats how i come around that problem. making it look better than the radios. in addition if you make the back ground color as the calculator background it will remove the white parts making it flush. check mine for more ideas.

    Marked as helpful
    0
  • Muhammed Towfik Jemal•510
    @mtjethPosted about 1 year ago

    nice, liked the pampking addition. and its better than what i made.

    1
  • Muhammed Towfik Jemal•510
    @mtjethPosted about 1 year ago

    Its good the only improvment it needs is to follow style guideline colors and give it a space on top so it is lower.

    Marked as helpful
    0