CaptAsh / CSS-Selector-Exercise-Periodic-Table

CSS-Selector-Exercise-PeriodicTable

CSS Selectors Exercise just using Table HTML & style with CSS

Data Structure

• Create Periodic Table just using Table HTML and style it with CSS

Expected output

Method

<!-- in HTML  using HTML Table tag 
<table>
  <tr> <td>
  </td>
  </tr> 
 <table>  -->   

• Click here to see HTML Code

/* in CSS using pseudo classes like:
nth-child()
nth-first-child()
nth-last-child() */
                                      

• Click here to see CSS Code

Resources

• Pseudo-classes from MDN WEb Docs
• Pseudo-classes from w3schools
• How nth-child Works

Result

Feel free to click here for the deployment!