molLbach• 30
@molLbach
Submitted
Quick little site I made and added some interactiveness using javascript, I know it's not an exact copy from the design but I don't have the figma
Muhammed Towfik Jemal
@mtjeth
All comments
@mtjeth
Posted
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-Dev
Submitted
- 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?
@mtjeth
Posted
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 - Travolgi 🍕• 31,420
@denielden
Submitted
Hi there :)
This is my alternative solution with WeatherCast theme and Weather API with css grid layout and Vanilla javascript to change the content of the pages by fetching the data from the
jsonlocal file.Happy coding ;)
@mtjeth
Posted
Great Design!, I think its even better idea than the space tourism.
1 - Saul Gustavo A. S.• 410
@Saul-Gustavo
Submitted
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.
@mtjeth
Posted
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• 790
@RedMwp
Submitted
Problem in emplementing deletion, any help will be appreciated
@mtjeth
Posted
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 - Jergus Lysy• 230
@j3rgus
Submitted
@mtjeth
Posted
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
@Arboricum
Submitted
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?
@mtjeth
Posted
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 HTML Scss Animations Vanilla JS
@mtjeth
Posted
nice, liked the pampking addition. and its better than what i made.
1- Olúwafẹmi Love• 10
@oluwafemi-love
Submitted
Hello community, I jumped on this challenge, how did I do? I would really appreciate your feedback. Thanks
@mtjeth
Posted
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
