+ 4

[SOLVED](code doubt) <td> not occupying full screen width

SEE MY CODE, i have THREE PROBLEMS/BUGS: ☑️✅( 1.[FIXED] ) Element 39 i.e., Yttrium has no border in table mode and ✅☑️( 2.[FIXED] ) searching elements is functioning properly but also gives names of elements that we don't want like searching hydrogen gives hydrogen as expected but also mietnerium. ( 3.[FIXED] ) in list mode 100% table cell width is not occupying full screen width and 100vh/vw are misbehaving, how can i make my <td> cells of full screen width properly? 🙏🏻PLEASE HELP ME FIX THESE BUGS!🙏🏻 https://code.sololearn.com/WmmTS2FcI01A/?ref=app

21st Nov 2020, 3:52 PM
🔥ⒹΞVΞⓈᕼ
🔥ⒹΞVΞⓈᕼ - avatar
7 Answers
+ 5
🔥ⒹΞVΞⓈᕼ 1. Remove the property scale(1.1) for td. This will help you to get rid of bug no 1. You are facing a problem because scale(1.1) increases the size of the boxes which is hiding the border of Yttrium. [SOLVED] 2. You have not added the sub tag for mietnerium which cause it now to get removed when we search something because you are looping through the sub tags to remove elements. So, add the sub tag for it so that it gets removed and comes only when someone search for it. 3. Update your td class property to :- ``` .td{ display: flex; flex-direction: column; width: calc(100vw - 4px); text-align: center; border-width: 1px; padding-top: 2px; margin-left: 4px; margin-top:10px; border-right: none; box-sizing:border-box; } ``` Hope this might help
22nd Nov 2020, 6:55 AM
Krish
Krish - avatar
+ 5
🔥ⒹΞVΞⓈᕼ solved ( i guess) bug no 3 check it out
22nd Nov 2020, 12:40 PM
Krish
Krish - avatar
+ 4
🔥ⒹΞVΞⓈᕼ solved bug no 2 check it
22nd Nov 2020, 9:34 AM
Krish
Krish - avatar
+ 4
🔥ⒹΞVΞⓈᕼ don't worry bro it's a small mistakes that even professionals do. And as we all know we learn from our mistakes. 🙂🙂 So, be happy that you learnt something.
22nd Nov 2020, 12:25 PM
Krish
Krish - avatar
+ 3
Krish can't believe I'm such a fool!😳 Thanks for noticing this mistake! That is a real shame for me!
22nd Nov 2020, 9:40 AM
🔥ⒹΞVΞⓈᕼ
🔥ⒹΞVΞⓈᕼ - avatar
+ 2
Krish yeah the main problem was that i was using transform:scale(1.2) unnecessarily and that was affecting the code badly... I arrived previously what you say now... Thanks for your help... YOU'RE A PRO
22nd Nov 2020, 1:17 PM
🔥ⒹΞVΞⓈᕼ
🔥ⒹΞVΞⓈᕼ - avatar
+ 2
I see 👍👍👍
22nd Nov 2020, 1:21 PM
Krish
Krish - avatar