<div class="periodic-table"> <!-- Row 1 --> <a href="Hydrogen.md" class="element nonmetal internal-link" style="grid-column: 1; grid-row: 1;"> <span class="num">1</span> <span class="symbol">H</span> </a> <a href="Helium.md" class="element noblegas internal-link" style="grid-column: 18; grid-row: 1;"> <span class="num">2</span> <span class="symbol">He</span> </a> <!-- Row 2 --> <a href="Lithium.md" class="element alkali internal-link" style="grid-column: 1; grid-row: 2;"> <span class="num">3</span> <span class="symbol">Li</span> </a> <a href="Beryllium.md" class="element alkaline internal-link" style="grid-column: 2; grid-row: 2;"> <span class="num">4</span> <span class="symbol">Be</span> </a> <a href="Boron.md" class="element metalloid internal-link" style="grid-column: 13; grid-row: 2;"> <span class="num">5</span> <span class="symbol">B</span> </a> <a href="Carbon.md" class="element nonmetal internal-link" style="grid-column: 14; grid-row: 2;"> <span class="num">6</span> <span class="symbol">C</span> </a> <a href="Nitrogen.md" class="element nonmetal internal-link" style="grid-column: 15; grid-row: 2;"> <span class="num">7</span> <span class="symbol">N</span> </a> <a href="Oxygen.md" class="element nonmetal internal-link" style="grid-column: 16; grid-row: 2;"> <span class="num">8</span> <span class="symbol">O</span> </a> <a href="Fluorine.md" class="element halogen internal-link" style="grid-column: 17; grid-row: 2;"> <span class="num">9</span> <span class="symbol">F</span> </a> <a href="Neon.md" class="element noblegas internal-link" style="grid-column: 18; grid-row: 2;"> <span class="num">10</span> <span class="symbol">Ne</span> </a> <!-- Row 3 --> <a href="Sodium.md" class="element alkali internal-link" style="grid-column: 1; grid-row: 3;"> <span class="num">11</span> <span class="symbol">Na</span> </a> <a href="Magnesium.md" class="element alkaline internal-link" style="grid-column: 2; grid-row: 3;"> <span class="num">12</span> <span class="symbol">Mg</span> </a> <a href="Aluminum.md" class="element post-transition internal-link" style="grid-column: 13; grid-row: 3;"> <span class="num">13</span> <span class="symbol">Al</span> </a> <a href="Silicon.md" class="element metalloid internal-link" style="grid-column: 14; grid-row: 3;"> <span class="num">14</span> <span class="symbol">Si</span> </a> <a href="Phosphorus.md" class="element nonmetal internal-link" style="grid-column: 15; grid-row: 3;"> <span class="num">15</span> <span class="symbol">P</span> </a> <a href="Sulfur.md" class="element nonmetal internal-link" style="grid-column: 16; grid-row: 3;"> <span class="num">16</span> <span class="symbol">S</span> </a> <a href="Chlorine.md" class="element halogen internal-link" style="grid-column: 17; grid-row: 3;"> <span class="num">17</span> <span class="symbol">Cl</span> </a> <a href="Argon.md" class="element noblegas internal-link" style="grid-column: 18; grid-row: 3;"> <span class="num">18</span> <span class="symbol">Ar</span> </a> <!-- Row 4 --> <a href="Potassium.md" class="element alkali internal-link" style="grid-column: 1; grid-row: 4;"> <span class="num">19</span> <span class="symbol">K</span> </a> <a href="Calcium.md" class="element alkaline internal-link" style="grid-column: 2; grid-row: 4;"> <span class="num">20</span> <span class="symbol">Ca</span> </a> <a href="Scandium.md" class="element transition internal-link" style="grid-column: 3; grid-row: 4;"> <span class="num">21</span> <span class="symbol">Sc</span> </a> <a href="Titanium.md" class="element transition internal-link" style="grid-column: 4; grid-row: 4;"> <span class="num">22</span> <span class="symbol">Ti</span> </a> <a href="Vanadium.md" class="element transition internal-link" style="grid-column: 5; grid-row: 4;"> <span class="num">23</span> <span class="symbol">V</span> </a> <a href="Chromium.md" class="element transition internal-link" style="grid-column: 6; grid-row: 4;"> <span class="num">24</span> <span class="symbol">Cr</span> </a> <a href="Manganese.md" class="element transition internal-link" style="grid-column: 7; grid-row: 4;"> <span class="num">25</span> <span class="symbol">Mn</span> </a> <a href="Iron.md" class="element transition internal-link" style="grid-column: 8; grid-row: 4;"> <span class="num">26</span> <span class="symbol">Fe</span> </a> <a href="Cobalt.md" class="element transition internal-link" style="grid-column: 9; grid-row: 4;"> <span class="num">27</span> <span class="symbol">Co</span> </a> <a href="Nickel.md" class="element transition internal-link" style="grid-column: 10; grid-row: 4;"> <span class="num">28</span> <span class="symbol">Ni</span> </a> <a href="Copper.md" class="element transition internal-link" style="grid-column: 11; grid-row: 4;"> <span class="num">29</span> <span class="symbol">Cu</span> </a> <a href="Zinc.md" class="element transition internal-link" style="grid-column: 12; grid-row: 4;"> <span class="num">30</span> <span class="symbol">Zn</span> </a> <a href="Gallium.md" class="element post-transition internal-link" style="grid-column: 13; grid-row: 4;"> <span class="num">31</span> <span class="symbol">Ga</span> </a> <a href="Germanium.md" class="element metalloid internal-link" style="grid-column: 14; grid-row: 4;"> <span class="num">32</span> <span class="symbol">Ge</span> </a> <a href="Arsenic.md" class="element metalloid internal-link" style="grid-column: 15; grid-row: 4;"> <span class="num">33</span> <span class="symbol">As</span> </a> <a href="Selenium.md" class="element nonmetal internal-link" style="grid-column: 16; grid-row: 4;"> <span class="num">34</span> <span class="symbol">Se</span> </a> <a href="Bromine.md" class="element halogen internal-link" style="grid-column: 17; grid-row: 4;"> <span class="num">35</span> <span class="symbol">Br</span> </a> <a href="Krypton.md" class="element noblegas internal-link" style="grid-column: 18; grid-row: 4;"> <span class="num">36</span> <span class="symbol">Kr</span> </a> <!-- Row 5 --> <a href="Rubidium.md" class="element alkali internal-link" style="grid-column: 1; grid-row: 5;"> <span class="num">37</span> <span class="symbol">Rb</span> </a> <a href="Strontium.md" class="element alkaline internal-link" style="grid-column: 2; grid-row: 5;"> <span class="num">38</span> <span class="symbol">Sr</span> </a> <a href="Yttrium.md" class="element transition internal-link" style="grid-column: 3; grid-row: 5;"> <span class="num">39</span> <span class="symbol">Y</span> </a> <a href="Zirconium.md" class="element transition internal-link" style="grid-column: 4; grid-row: 5;"> <span class="num">40</span> <span class="symbol">Zr</span> </a> <a href="Niobium.md" class="element transition internal-link" style="grid-column: 5; grid-row: 5;"> <span class="num">41</span> <span class="symbol">Nb</span> </a> <a href="Molybdenum.md" class="element transition internal-link" style="grid-column: 6; grid-row: 5;"> <span class="num">42</span> <span class="symbol">Mo</span> </a> <a href="Technetium.md" class="element transition internal-link" style="grid-column: 7; grid-row: 5;"> <span class="num">43</span> <span class="symbol">Tc</span> </a> <a href="Ruthenium.md" class="element transition internal-link" style="grid-column: 8; grid-row: 5;"> <span class="num">44</span> <span class="symbol">Ru</span> </a> <a href="Rhodium.md" class="element transition internal-link" style="grid-column: 9; grid-row: 5;"> <span class="num">45</span> <span class="symbol">Rh</span> </a> <a href="Palladium.md" class="element transition internal-link" style="grid-column: 10; grid-row: 5;"> <span class="num">46</span> <span class="symbol">Pd</span> </a> <a href="Silver.md" class="element transition internal-link" style="grid-column: 11; grid-row: 5;"> <span class="num">47</span> <span class="symbol">Ag</span> </a> <a href="Cadmium.md" class="element transition internal-link" style="grid-column: 12; grid-row: 5;"> <span class="num">48</span> <span class="symbol">Cd</span> </a> <a href="Indium.md" class="element post-transition internal-link" style="grid-column: 13; grid-row: 5;"> <span class="num">49</span> <span class="symbol">In</span> </a> <a href="Tin.md" class="element post-transition internal-link" style="grid-column: 14; grid-row: 5;"> <span class="num">50</span> <span class="symbol">Sn</span> </a> <a href="Antimony.md" class="element metalloid internal-link" style="grid-column: 15; grid-row: 5;"> <span class="num">51</span> <span class="symbol">Sb</span> </a> <a href="Tellurium.md" class="element metalloid internal-link" style="grid-column: 16; grid-row: 5;"> <span class="num">52</span> <span class="symbol">Te</span> </a> <a href="Iodine.md" class="element halogen internal-link" style="grid-column: 17; grid-row: 5;"> <span class="num">53</span> <span class="symbol">I</span> </a> <a href="Xenon.md" class="element noblegas internal-link" style="grid-column: 18; grid-row: 5;"> <span class="num">54</span> <span class="symbol">Xe</span> </a> <!-- Row 6 --> <a href="Cesium.md" class="element alkali internal-link" style="grid-column: 1; grid-row: 6;"> <span class="num">55</span> <span class="symbol">Cs</span> </a> <a href="Barium.md" class="element alkaline internal-link" style="grid-column: 2; grid-row: 6;"> <span class="num">56</span> <span class="symbol">Ba</span> </a> <!-- Column 3 is omitted as the Lanthanides (57-71) are pulled out to the bottom --> <a href="Hafnium.md" class="element transition internal-link" style="grid-column: 4; grid-row: 6;"> <span class="num">72</span> <span class="symbol">Hf</span> </a> <a href="Tantalum.md" class="element transition internal-link" style="grid-column: 5; grid-row: 6;"> <span class="num">73</span> <span class="symbol">Ta</span> </a> <a href="Tungsten.md" class="element transition internal-link" style="grid-column: 6; grid-row: 6;"> <span class="num">74</span> <span class="symbol">W</span> </a> <a href="Rhenium.md" class="element transition internal-link" style="grid-column: 7; grid-row: 6;"> <span class="num">75</span> <span class="symbol">Re</span> </a> <a href="Osmium.md" class="element transition internal-link" style="grid-column: 8; grid-row: 6;"> <span class="num">76</span> <span class="symbol">Os</span> </a> <a href="Iridium.md" class="element transition internal-link" style="grid-column: 9; grid-row: 6;"> <span class="num">77</span> <span class="symbol">Ir</span> </a> <a href="Platinum.md" class="element transition internal-link" style="grid-column: 10; grid-row: 6;"> <span class="num">78</span> <span class="symbol">Pt</span> </a> <a href="Gold.md" class="element transition internal-link" style="grid-column: 11; grid-row: 6;"> <span class="num">79</span> <span class="symbol">Au</span> </a> <a href="Mercury.md" class="element transition internal-link" style="grid-column: 12; grid-row: 6;"> <span class="num">80</span> <span class="symbol">Hg</span> </a> <a href="Thallium.md" class="element post-transition internal-link" style="grid-column: 13; grid-row: 6;"> <span class="num">81</span> <span class="symbol">Tl</span> </a> <a href="Lead.md" class="element post-transition internal-link" style="grid-column: 14; grid-row: 6;"> <span class="num">82</span> <span class="symbol">Pb</span> </a> <a href="Bismuth.md" class="element post-transition internal-link" style="grid-column: 15; grid-row: 6;"> <span class="num">83</span> <span class="symbol">Bi</span> </a> <a href="Polonium.md" class="element post-transition internal-link" style="grid-column: 16; grid-row: 6;"> <span class="num">84</span> <span class="symbol">Po</span> </a> <a href="Astatine.md" class="element halogen internal-link" style="grid-column: 17; grid-row: 6;"> <span class="num">85</span> <span class="symbol">At</span> </a> <a href="Radon.md" class="element noblegas internal-link" style="grid-column: 18; grid-row: 6;"> <span class="num">86</span> <span class="symbol">Rn</span> </a> <!-- Row 7 --> <a href="Francium.md" class="element alkali internal-link" style="grid-column: 1; grid-row: 7;"> <span class="num">87</span> <span class="symbol">Fr</span> </a> <a href="Radium.md" class="element alkaline internal-link" style="grid-column: 2; grid-row: 7;"> <span class="num">88</span> <span class="symbol">Ra</span> </a> <!-- Column 3 is omitted as the Actinides (89-103) are pulled out to the bottom --> <a href="Rutherfordium.md" class="element transition internal-link" style="grid-column: 4; grid-row: 7;"> <span class="num">104</span> <span class="symbol">Rf</span> </a> <a href="Dubnium.md" class="element transition internal-link" style="grid-column: 5; grid-row: 7;"> <span class="num">105</span> <span class="symbol">Db</span> </a> <a href="Seaborgium.md" class="element transition internal-link" style="grid-column: 6; grid-row: 7;"> <span class="num">106</span> <span class="symbol">Sg</span> </a> <a href="Bohrium.md" class="element transition internal-link" style="grid-column: 7; grid-row: 7;"> <span class="num">107</span> <span class="symbol">Bh</span> </a> <a href="Hassium.md" class="element transition internal-link" style="grid-column: 8; grid-row: 7;"> <span class="num">108</span> <span class="symbol">Hs</span> </a> <a href="Meitnerium.md" class="element transition internal-link" style="grid-column: 9; grid-row: 7;"> <span class="num">109</span> <span class="symbol">Mt</span> </a> <a href="Darmstadtium.md" class="element transition internal-link" style="grid-column: 10; grid-row: 7;"> <span class="num">110</span> <span class="symbol">Ds</span> </a> <a href="Roentgenium.md" class="element transition internal-link" style="grid-column: 11; grid-row: 7;"> <span class="num">111</span> <span class="symbol">Rg</span> </a> <a href="Copernicium.md" class="element transition internal-link" style="grid-column: 12; grid-row: 7;"> <span class="num">112</span> <span class="symbol">Cn</span> </a> <a href="Nihonium.md" class="element post-transition internal-link" style="grid-column: 13; grid-row: 7;"> <span class="num">113</span> <span class="symbol">Nh</span> </a> <a href="Flerovium.md" class="element post-transition internal-link" style="grid-column: 14; grid-row: 7;"> <span class="num">114</span> <span class="symbol">Fl</span> </a> <a href="Moscovium.md" class="element post-transition internal-link" style="grid-column: 15; grid-row: 7;"> <span class="num">115</span> <span class="symbol">Mc</span> </a> <a href="Livermorium.md" class="element post-transition internal-link" style="grid-column: 16; grid-row: 7;"> <span class="num">116</span> <span class="symbol">Lv</span> </a> <a href="Tennessine.md" class="element halogen internal-link" style="grid-column: 17; grid-row: 7;"> <span class="num">117</span> <span class="symbol">Ts</span> </a> <a href="Oganesson.md" class="element noblegas internal-link" style="grid-column: 18; grid-row: 7;"> <span class="num">118</span> <span class="symbol">Og</span> </a> <!-- Row 8 serves as a blank spacer between the main body and the f-block --> <!-- Row 9 (Lanthanides) --> <a href="Lanthanum.md" class="element lanthanide internal-link" style="grid-column: 3; grid-row: 9;"> <span class="num">57</span> <span class="symbol">La</span> </a> <a href="Cerium.md" class="element lanthanide internal-link" style="grid-column: 4; grid-row: 9;"> <span class="num">58</span> <span class="symbol">Ce</span> </a> <a href="Praseodymium.md" class="element lanthanide internal-link" style="grid-column: 5; grid-row: 9;"> <span class="num">59</span> <span class="symbol">Pr</span> </a> <a href="Neodymium.md" class="element lanthanide internal-link" style="grid-column: 6; grid-row: 9;"> <span class="num">60</span> <span class="symbol">Nd</span> </a> <a href="Promethium.md" class="element lanthanide internal-link" style="grid-column: 7; grid-row: 9;"> <span class="num">61</span> <span class="symbol">Pm</span> </a> <a href="Samarium.md" class="element lanthanide internal-link" style="grid-column: 8; grid-row: 9;"> <span class="num">62</span> <span class="symbol">Sm</span> </a> <a href="Europium.md" class="element lanthanide internal-link" style="grid-column: 9; grid-row: 9;"> <span class="num">63</span> <span class="symbol">Eu</span> </a> <a href="Gadolinium.md" class="element lanthanide internal-link" style="grid-column: 10; grid-row: 9;"> <span class="num">64</span> <span class="symbol">Gd</span> </a> <a href="Terbium.md" class="element lanthanide internal-link" style="grid-column: 11; grid-row: 9;"> <span class="num">65</span> <span class="symbol">Tb</span> </a> <a href="Dysprosium.md" class="element lanthanide internal-link" style="grid-column: 12; grid-row: 9;"> <span class="num">66</span> <span class="symbol">Dy</span> </a> <a href="Holmium.md" class="element lanthanide internal-link" style="grid-column: 13; grid-row: 9;"> <span class="num">67</span> <span class="symbol">Ho</span> </a> <a href="Erbium.md" class="element lanthanide internal-link" style="grid-column: 14; grid-row: 9;"> <span class="num">68</span> <span class="symbol">Er</span> </a> <a href="Thulium.md" class="element lanthanide internal-link" style="grid-column: 15; grid-row: 9;"> <span class="num">69</span> <span class="symbol">Tm</span> </a> <a href="Ytterbium.md" class="element lanthanide internal-link" style="grid-column: 16; grid-row: 9;"> <span class="num">70</span> <span class="symbol">Yb</span> </a> <a href="Lutetium.md" class="element lanthanide internal-link" style="grid-column: 17; grid-row: 9;"> <span class="num">71</span> <span class="symbol">Lu</span> </a> <!-- Row 10 (Actinides) --> <a href="Actinium.md" class="element actinide internal-link" style="grid-column: 3; grid-row: 10;"> <span class="num">89</span> <span class="symbol">Ac</span> </a> <a href="Thorium.md" class="element actinide internal-link" style="grid-column: 4; grid-row: 10;"> <span class="num">90</span> <span class="symbol">Th</span> </a> <a href="Protactinium.md" class="element actinide internal-link" style="grid-column: 5; grid-row: 10;"> <span class="num">91</span> <span class="symbol">Pa</span> </a> <a href="Uranium.md" class="element actinide internal-link" style="grid-column: 6; grid-row: 10;"> <span class="num">92</span> <span class="symbol">U</span> </a> <a href="Neptunium.md" class="element actinide internal-link" style="grid-column: 7; grid-row: 10;"> <span class="num">93</span> <span class="symbol">Np</span> </a> <a href="Plutonium.md" class="element actinide internal-link" style="grid-column: 8; grid-row: 10;"> <span class="num">94</span> <span class="symbol">Pu</span> </a> <a href="Americium.md" class="element actinide internal-link" style="grid-column: 9; grid-row: 10;"> <span class="num">95</span> <span class="symbol">Am</span> </a> <a href="Curium.md" class="element actinide internal-link" style="grid-column: 10; grid-row: 10;"> <span class="num">96</span> <span class="symbol">Cm</span> </a> <a href="Berkelium.md" class="element actinide internal-link" style="grid-column: 11; grid-row: 10;"> <span class="num">97</span> <span class="symbol">Bk</span> </a> <a href="Californium.md" class="element actinide internal-link" style="grid-column: 12; grid-row: 10;"> <span class="num">98</span> <span class="symbol">Cf</span> </a> <a href="Einsteinium.md" class="element actinide internal-link" style="grid-column: 13; grid-row: 10;"> <span class="num">99</span> <span class="symbol">Es</span> </a> <a href="Fermium.md" class="element actinide internal-link" style="grid-column: 14; grid-row: 10;"> <span class="num">100</span> <span class="symbol">Fm</span> </a> <a href="Mendelevium.md" class="element actinide internal-link" style="grid-column: 15; grid-row: 10;"> <span class="num">101</span> <span class="symbol">Md</span> </a> <a href="Nobelium.md" class="element actinide internal-link" style="grid-column: 16; grid-row: 10;"> <span class="num">102</span> <span class="symbol">No</span> </a> <a href="Lawrencium.md" class="element actinide internal-link" style="grid-column: 17; grid-row: 10;"> <span class="num">103</span> <span class="symbol">Lr</span> </a> </div> <iframe src="https://ptable.com/?embed" width="100%" height="700px" style="border: 1px solid var(--background-modifier-border); border-radius: 8px;" allowfullscreen> </iframe>