`left` i `transition`: która z właściwości robi reflow? (chodzi o performance animacji)
senior
Czym jest svg? Na czym polega grafika wektorowa?
junior
Napisz na kartce kod strony, który odzwierciedli wygląd szablonu. Użyj flexboxa.
mid
```html
<div class="wrapper">
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
</div>
```
```css
.wrapper {
width: 240px;
}
.box {
width: 50px;
padding: 10px;
margin: 5px;
border: 2px;
float: left;
}
```
1. Jak będą wyświetlone elementy wewnątrz elementu *.wrapper*?
2. Jaką wysokość będzie miał element *.wrapper*?
junior
```html
<div id="wrapper">
<p class="text"></p>
</div>
```
```css
#wrapper {
color: green;
}
.text {
color: red;
}
#wrapper .text {
color: yellow;
}
html > body .text {
color: blue;
}
```
Jaki kolor będzie miał tekst w tagu *p*?
junior
Jaki kolor zostanie zaaplikowany?
```javascript
// plik CSS
.menu h1 {
color: red !important
}
// plik HTML
<div class="menu">
<h1 style="color:blue;">Home</h1>
</div>
```
junior
Jak zastosować dziedziczenie w *SCSS*?
junior
Jak wyśrodkować element w pionie? (omów kilka różnych technik)
junior
W jaki sposób można zamienić 2 elementy `<div>` miejscami nie używając float. Podaj klika sposobów.
mid
Na co uważać przy *float*, gdy mamy np. 3 divy i na środkowy damy *float: right* ?
junior
Clearfix? Kiedy używać, po co?
junior
Czym różni się display: `inline, inline-block i block`?
junior
Co w Bootstrapie oznacza pushowanie kolumn?
junior
Czym jest kaskadowość w CSS?
junior
Względem czego pozycjonuje się element, jeśli nie znajdzie rodzica o pozycji relatywnej?
junior
*Container* vs *container-fluid* (biblioteka Bootstrap) - jakie są różnice?
junior
Dodawanie czcionek poprzez link vs poprzez import. Co wybierzesz?