Suggestions to make this look better | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 5

Suggestions to make this look better

https://code.sololearn.com/Wt83H4c9K9vu/?ref=app

21st Oct 2021, 12:28 PM
Joel Sebastian Jijo
Joel Sebastian Jijo - avatar
12 Answers
+ 2
Joel Sebastian Jijo Add btn class for each button & use this in css 😉 .btn { border: none; padding: 4px; margin: 4px; border-radius: 4px; box-shadow: 0 4px 4px #000; outline: none; }
21st Oct 2021, 1:20 PM
zexu knub
zexu knub - avatar
+ 2
Make the buttons little more bigger and give some more space between the elements.
21st Oct 2021, 12:39 PM
Darshan R
Darshan R - avatar
+ 1
I haven't done css. Can u explain which properties I should use.
21st Oct 2021, 1:01 PM
Joel Sebastian Jijo
Joel Sebastian Jijo - avatar
+ 1
Add a background behind the counter! 😊
23rd Oct 2021, 10:16 AM
Dana Delilah Burns
Dana Delilah Burns - avatar
+ 1
Hi Joel Sebastian Jijo, you shouldn’t use the same id on different elements, instead use classes. I like minimalist styles so you could try this (copy of your project for adding changes): https://code.sololearn.com/WHeCe3Mx2i71/?ref=app
23rd Oct 2021, 10:55 AM
Guillem Padilla
Guillem Padilla - avatar
+ 1
You need to calculate the flight time of an upcoming trip. You are flying from LA to Sydney, covering a distance of 7425 miles, the plane flies at an average speed of 550 miles an hour. Calculate and output the total flight time in hours. Hint The result should be a float. Please can help me solve this It's python.
23rd Oct 2021, 12:11 PM
Daniel Kusi
+ 1
Guillem Padilla thankyou for your code
23rd Oct 2021, 12:25 PM
Joel Sebastian Jijo
Joel Sebastian Jijo - avatar
0
zexu knub thankyou for the css. It looks awesome now.😁
21st Oct 2021, 2:07 PM
Joel Sebastian Jijo
Joel Sebastian Jijo - avatar
0
Joel Sebastian Jijo you're welcome 😀
21st Oct 2021, 2:22 PM
zexu knub
zexu knub - avatar
0
Increase the size of the button Try to change background and foreground colors to attract client Attractive design to button borders Use styles like on mouseover button new style On mouseout new style Events on click button which clicking button Events on loading and closing webpage or components
22nd Oct 2021, 10:07 AM
sree harsha
sree harsha - avatar
0
Joel Sebastian Jijo hello i’m beginner in code. Why (or how) did you used several times the same id (id=“btn”) in the html source code while i have learnt in this application to not repeat the id attribute?
22nd Oct 2021, 9:46 PM
Massoud SHAMS
0
I used the btn id for all buttons so that I could give styles to them by refering them with the id btn. Since all buttons have the same id, the changes are seen on all buttons. In answer to your question, maybe I shouldn't use it many times , I do not remember the lesson. I took it long ago. But it seems to work.
23rd Oct 2021, 3:29 AM
Joel Sebastian Jijo
Joel Sebastian Jijo - avatar