my_learning.txt

1..my first messed up index file... i got help from my friend
2..i wrote all the css code in html and when i tried to seperate it and and link that seperated css file to html it didn't worked
3..fontawesome = first copy fontawesome cdn link in link tag and then copy svg code from fontawesom and paste it in html, html code is not much maniputable
4. i am still struggling with advance css and pseudo element selectors also a little in local storage
5. using flex property with grid property is still confusing for me
6. i also learned that first try to copy the layout in divide and conquer.html and when it works paste it in original file
in landing_p1.html while working with data, after doing grid display stuff i got sad.. why its still not working.. it because you also have to set image sizes
7. i did not memorized the structure of table, also do not know how to style the tables.. i guess i have learned it now
8. you cannot access local storage element of a different html file live if you are not connected to that file
9. instead of using line-height = 0px [causes issues] use margin : negative value instead
10. now i know how to get back all deleted files or old version of files form github
11. dont let anyone push code it main ~ rather do marging in main...[files could be manipulated if you ignore this]
12. also learned where to find contributions
13. most important your codes do not get transfered in main from branch it just update the main with your branch... [NEVER PUSH IN MAIN ONLY MERGE]
14. i should thankful to my teammates for being lazy, because the thought that they are useless forced me to learn everything by myself. yes they are useful for my betterment 
15. in order to hide div section in media queries~ selector ~ display : none
16. css property is not working on footer
17. i still have to work on sliding catagories horizontally or vertivally
17. i am still not comfortable wit js ~ how to add functionalities? total amount, filter products by catagories, manipulation window and advance css
19. popup login card on screen
20. i found out why buton was not changing color on hover property... it's because of specificity... i have attached inline property to button.. that's why it wasn't working form css file
/* #bigSales > div:first-child{
            border: 1px solid navy;
            width: 20%;
            display: flex;
        }
        #bigSales > div:last-child{
            border: 1px dotted green;
            display: grid;
            grid-template-columns: repeat(4,1fr);
            grid-template-rows: repeat(12,200px);
            gap: 20px;
        } */
        #leftSide{
            width: 20%;
            border: 1px solid black;
            display: flex;
        }
        #rigthSide{
            border: 1px solid navy;
            width: 80%;
            display: grid;
            grid-template-columns: repeat(4,1fr);
            grid-template-rows: repeat(12,200px);
        }
        #products{
            border: 1px dotted black;
        }
        #products > div:first-child{
            width: 50%;
        }
        #products >div:last-child{
            width: 50%;
        }
        #products > div:first-child > img{
            width: 100%;
            height: 100%;
        }