{"action":"opened","issue":{"url":"https://api.github.com/repos/xvede/test/issues/2","labels_url":"https://api.github.com/repos/xvede/test/issues/2/labels{/name}","comments_url":"https://api.github.com/repos/xvede/test/issues/2/comments","events_url":"https://api.github.com/repos/xvede/test/issues/2/events","html_url":"https://github.com/xvede/test/issues/2","id":110322960,"number":2,"title":"2. Rewrite some css rules","user":{"login":"Anichki","id":1939548,"avatar_url":"https://avatars.githubusercontent.com/u/1939548?v=3","gravatar_id":"","url":"https://api.github.com/users/Anichki","html_url":"https://github.com/Anichki","followers_url":"https://api.github.com/users/Anichki/followers","following_url":"https://api.github.com/users/Anichki/following{/other_user}","gists_url":"https://api.github.com/users/Anichki/gists{/gist_id}","starred_url":"https://api.github.com/users/Anichki/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Anichki/subscriptions","organizations_url":"https://api.github.com/users/Anichki/orgs","repos_url":"https://api.github.com/users/Anichki/repos","events_url":"https://api.github.com/users/Anichki/events{/privacy}","received_events_url":"https://api.github.com/users/Anichki/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-10-07T21:36:02Z","updated_at":"2015-10-07T21:36:02Z","closed_at":null,"body":"1. css selector-ი * ნიშნავს, რომ აბსოლუტურად ყველა თეგი აირჩიე და შესაბამისად ყველაზე გავრცელდება ის მნიშვნელობა რაც გაწერილი გაქვს.\r\n\r\nრეალურად არ არის რეკომენდირებული თუკი ნამდვილად დარწმუნებული არ ხარ რომ მართლაც აბსოლუტურად ყველა თაგზე უნდა გავრცელდეს. ამიტომ ამოიღე და float გაუწერე მხოლოდ იმას, რომელსაც სჭირდება. რომ ამოიღებ ნახავ რაღაცეები გასწორდება,\r\nასევე #tardis {margin-left: 118px;} აღარ დაგჭირდება, მენიუს სტილი აირევა, მაგრამ იმას ინდივიდუალურად გაასწორებ. ცადე li ელემენტების არა float-ით არამედ display: inline-block;-ით გასწორება.\r\n\r\n2. სერი ფონი უნდა გაიწელოს მთელს ეკრანზე, რომელიც არასდროს არ იცი რა ზომა იქნება. შესაბამისად ის ფიქსირებულ width-იდან ამოიღე.\r\n\r\n3. როდესაც margin-ის იხმარ და მარტო ერთი მიმართულებით არ გჭირდება ჯობია მოკლედ დწორო ხოლმე. მაგალითად\r\nარა\r\nmargin-top: 30px; margin-left: 40px; და ა.შ. \r\nარამედ \r\nmargin: 30px 0 0 40px;\r\n\r\n4. #logo { margin-top: -151px; } -ის გამოყენება იმიტომ დაგჭირდა, რომ position: absolute;-ს აქვს თავისი წესი, როგორც იქცევა ხოლმე :)\r\nავტომატურად უყურებს მშობელ დივებს, პირველი მშობელიდან დაწყებული შემდეგზე და ა.შ. თუკი წაიკითხა, რომ რომელიმე მშობელს უწერია position: relative; მისი ადგილმდებარეობიდან გამომდინარე აკეთებს პოზიციონირებას თუკი ვერ იპოვნა ვერცერთი მშობელი position: relative; - თი მაშინ ბროუზერის მიხედვით ანუ ამ შემთხვევაში ბროუზერის ზედა კიდედან გააკეთებ პოზიციონირებას.\r\n\r\n_________________\r\nლექციაზე გავარჩიოთ შენი რომელი css-ი რას აკეთებს და როგორ შეიძლება კოდის ოპტიმიზირება. მანამდე ცადე კომენტარების მიხედვიტ შენთითონ გასწორება.\r\n\r\n"}}