@Damsithcoder
@PearlPerfect
Submitted
Making the keypad clickable was somewhat stressful, would love an easier way to do that. Also I would the calculator screen to clear off after each calculation I need help with that.
Please I would love to know the easiest way to create the calculator.
@Damsithcoder
Posted
Hi . great work . It might looks better if you follow above things. body { min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; } .fullCalculator { height: auto; } and keep coding .
@whyallnamesaretaken
Submitted
This is my first challenge solved by using HTML and CSS
@Damsithcoder
Posted
Hello .My congratulations ! I recommend if you can use grid or flex to styling elements might more clean easy to styling. Great work .keep coding...!
@harigsr1998
Submitted
I have mentioned a tricky solution I had to implement, in the README of this repository. The resources for this challenge also included some images as .svg files, fonts as .ttf files and some data as a .json file. I integrated the .svg and .json files into the webpage by directly typing in their code and linked the fonts from Google Fonts. I would appreciate any feedback to solve these issues.
@Damsithcoder
Posted
GREAT job .well done . if you use the main tag for the first div in your html code ,some issues might disappear in your code
<div class="container-full"> to <main> keep codingMarked as helpful
@Hwasani
Submitted
What ways could I have done the classing differently? Was my overall structure of the html tags okay? How do you think I could have made the better? (i really wanted to disable the submit button, funnily enough I only know how to get this done in react.)
Did I use some antiquated methods in my CSS?
All feedback is deeply appreciated.
@Damsithcoder
Posted
Great job .Well done if you can put the two divs in a <main> tag ,some warnings will be removed.
<main> <div class="card-1"> ... </div> <div class="card-2"> ... </div> </main> KEEP PRACTICING...!@itsCoolguy
Submitted
@Damsithcoder
Posted
Well done .you have a simple mistake , if you want ,you can use this code block
body{ display: flex; flex-direction: column; justify-content: center; align-items: center; max-width: 1440px; min-height: 100vh; background-color: hsl(204, 43%, 93%);
}
I think this will help you. keep coding.
Marked as helpful
