Notes of HTML Course

Exported Data file:///C:/Users/Ahmed/Downloads/Telegram%20Desktop/ChatExport...
HTML CSS
8 July 2021
Ahmed Muhammed created group «HTML CSS» with members Ahmed

Muhammed and ‫ﺍﺳﻣﺎء‬
Ahmed Muhammed removed ‫ﺍﺳﻣﺎء‬
Ahmed Muhammed 16:12

AM
16:15
span is inline-level element does not take the full line of the page
16:18
instead of dev
16:20
figure with captiion
16:22
In reply to this message 16:22
16:23
Photo
795×42
time
1 of 47 3/7/2022, 8:36 PM

HTML
AM CSS
page structure
17:16
17:18
17:20

AM
use css i style tag to override the css writm im css file
17:40
Photo
815×50
imlime style

avoid them as much as possiple
17:42
2 of 47 3/7/2022, 8:36 PM
HTML CSS
id selector
17:43
mormalize 17:43

AM
selectors
18:06
attribute selector
18:06
18:06
Photo
819×58
18:08
pattern in selecting attribute
18:08
3 of 47 3/7/2022, 8:36 PM
selector pattern attribute starts with
HTML CSS 18:09
ends with
18:09
combination patterns selectors
18:11
Photo
251×32
18:12
direct child selector
18:12
18:13
result
18:14
select paragraph that is right after the section
18:14
4 of 47 3/7/2022, 8:36 PM
+ sign
HTML CSS
18:15
to select all paragraphs elements that comes after a section (siblings to

section and are after him) use tilda
18:17

AM
pseudo class
first-child 18:47
last-child
first-of-type
last-of-type
18:49
zen coding unordered list with values and numbering
18:50

nth-child
18:51
override visited link
9 July 2021
5 of 47 3/7/2022, 8:36 PM
Ahmed Muhammed changed group photo

HTML CSS
10 July 2021

AM
pseudo element selector
14:15
before
14:16
css in the next line
14:16
Selector Specificity (Weight) 14:18
14:19
14:23
! important keyword
avoid important as much as possible 14:23
14:25
6 of 47 3/7/2022, 8:36 PM
HTML CSS
specificity

AM
remove style inheritance in css with initial keyword
14:42
14:43
force inheritance
14:43
alignment of the text , typography styles and colors are styles 14:45
that can be inherited
so i think we can copy main css styles file and make an Arabic 14:47
version using
html {text-aline: right} in the arabic version
color picker in google 14:49
14:50
Photo
853×67
colors using rgb function
14:51
Photo
965×62
rgb with alpha
14:54
Photo
1079×64
hsla
7 of 47 3/7/2022, 8:36 PM

HTML
AM CSS
Photo
236×46
gradian genertator
16:20
Photo
806×81
boarders
16:21
i have full control over the boarders 16:24
look for css shapes to make stars 16:30
great site to learn css 16:31
https://css-tricks.com/ 16:31

AM
————————————————————————————-
Part 02 of course 18:58
18:58
Box model
we use margin to space elements 19:07
margin collapsing: when 2 elements next to each other their 19:10

margins get collapse to single margin
19:10
19:10
8 of 47 3/7/2022, 8:36 PM
HTML CSS

AM
width and height are applied to the content box
19:33
any padding or boarder we are adding are adding to the size of 19:34
the visible box
but the margin property does not impact the size of the visible 19:34
box...
it will just move this visible box away from other boxes
19:36
box-sizing : boarder-box
19:37
19:40
universal selector *
width and height only applied for block level elements 19:40
———————- 19:49
inline elements don't respect the width and height property 19:50
if we want inline element to have a width and height 19:50
we use the display property 19:51
19:51
9 of 47 3/7/2022, 8:36 PM
HTML CSS
19:52
19:53
the white space between them because of the spaces between elements
19:54
Photo
797×109
if you want to remove the space, but the spans next to each other

AM
————————-
20:33
overflow of a paragraph
20:33
20:33
10 of 47 3/7/2022, 8:36 PM
HTML CSS 20:34
—————— 20:35
20:35
auto

the scroll bars will appear only if the overflow happened
20:39
measurement units
relative units help us building layouts that adjust ti screen sizes 20:46
20:46
one hundred percent of the height of the view port
20:53
default font-size to make calculation if sizes in rem easier
11 of 47 3/7/2022, 8:36 PM
11 July 2021
HTML CSS
AM
grid ‫ ﻭﺍﻝ‬flesxpox ‫ ﻛﺎﻥ ﻳﺗﺗﻡ ﺍﺳﺗﺧﺩﺍﻣﻬﺎ ﻗﺑﻝ ﺃﻥ ﻳﻅﻬﺭ ﺍﻝ‬float ‫ﻻ ﺗﺳﺗﺧﺩﻡ ﺍﻝ‬
12 July 2021

AM
https://www.canva.com/colors/color-palette-generator/
https://coolors.co/
https://www.canva.com/colors/color-palette-generator/ 23:49
13 July 2021

AM
———————
lets talk about flex 19:50
19:50
when adding flex 19:51
19:51
19:51
with flex we can layout elements in one direction ... in a row or a 19:52
column
12 of 47 3/7/2022, 8:36 PM
19:52
Photo
HTML CSS
578×66
19:52
19:53
Photo
710×63
19:53
this is good in right to left languages like Arabic 19:54
19:54
in flex we should learn about axes
19:55
19:55
19:55
13 of 47 3/7/2022, 8:36 PM
19:56
HTML CSS
19:57
19:57
19:58
Photo
685×64
19:58
19:58
Photo
882×60
19:58

AM
align-items
20:20
20:21
to center an element in a div
20:22
14 of 47 3/7/2022, 8:36 PM
HTML CSS
20:23
in flex .. without flex-wrap
20:24
with wrap
20:24
20:25
with align-content: center
20:25

AM
21:07
15 of 47 3/7/2022, 8:36 PM
HTML CSS
sizing items 21:08
21:08
21:11
flex-grow

AM
flex cheat sheet https://flexbox.malven.co/
flex-grow 22:04
22:05
A = 2 , b = 1, c = 1 , sum = 4.. so 50% for A, and 25 for b and 25 for c
to prevent the box A from shrinking when browser is smaller..., 22:06

make his flex-shrink to 0, and the others boxes to 1
22:07

AM
16 of 47 3/7/2022, 8:36 PM
HTML CSS
a grid with 3 rows and 2 columns 22:54
22:54
repeat function 22:57
22:58
Photo
844×62
22:58
Photo
957×59
23:00
grid 23:04
23:05
before justify
23:05
23:05
after
23:06
17 of 47 3/7/2022, 8:36 PM
HTML CSS
after align items
23:06
23:07
to align the grid inside its container, use justify content
23:07
if we justify items to stretch and remove the width of the boxes 23:09
18 of 47 3/7/2022, 8:36 PM
23:10
HTML CSS
the boxes will stretch horizontally to fill its containing cell
23:11
and if we removed the height property of the boxes
23:18
for the columns to take 30% and 70%
23:18
23:19
Photo
1053×66
fr ( a fraction of the available space
23:22
19 of 47 3/7/2022, 8:36 PM
to let a row in grid to grow and fill the entire space set its grid-
HTML CSS
template value to auto

i think its like expanded in flutter
23:23
to apply gaps in grid between rows and columns
23:24
23:24
23:25
for placing items in a grid
to make box A take the first row 23:28
, u should make a class selector for it 23:29
23:29
and look at the line numbers 23:29
it should goes from line 1 to line 3 like so 23:29
20 of 47 3/7/2022, 8:36 PM
23:30
HTML CSS
and her we go 23:30
23:30
or -1 means the last line
23:31
or you can tell how many spans to take , for example 2 spans
23:32
if we set grid row to 2
23:32
look what happens to A box
23:35
21 of 47 3/7/2022, 8:36 PM
placing items in named areas in a grid
HTML CSS 23:37
grid template areas
23:38
then for the first box
23:38
23:40
to specify an empty cell in a grid use a period
23:40
grids are very powerful we can make any layout we want with 23:41
grids
23:42
22 of 47 3/7/2022, 8:36 PM
HTML CSS
show area names in the dev tools
grids and flexbox are much easier than you think 23:42
14 July 2021

AM
—————
00:01
hiding elements
00:01
00:01
but look 00:02
00:02
00:02

the element is not there.... but the space is still allocated

AM
——————
a break point is where our design breaks 00:30
00:32
23 of 47 3/7/2022, 8:36 PM
HTML CSS
media query
00:34
or
using media queries we can query certain properties of the device 00:38
like its type or width and then provide styles that only apply if those
properties are met

AM
——————————————————-
Fonts 01:10
01:10
01:11
web safe fonts : available on most computers
01:11
font stack
the third one is general font .. could be sans-serif serif or 01:13

monospace
01:15
quotation ' ' if there is spaces in the name of the font
01:17
01:17
24 of 47 3/7/2022, 8:36 PM
HTML CSS
or set it numerically
01:25
best black color for body
01:36

fonts on web
01:37
fonts format
to know what browser support web technology 01:41
01:41
where should i copy fonts to embed in web page 01:42
25 of 47 3/7/2022, 8:36 PM
01:42
HTML CSS
01:44
copy the fonts rules and paste them in the top of the css file
26 July 2021

AM
where to find fonts:

AM

AM
————————————-
to make font responsive 18:46
18:47
26 of 47 3/7/2022, 8:36 PM
HTML CSS 18:47
18:47
—————————- 18:48
type-scale,com 18:48
18:48

AM
use line-height without unit
19:34
ideal width of paragraphs

AM
——————————————————
selector for paragraph after a paragraph 22:24
22:24
27 of 47 3/7/2022, 8:36 PM
HTML CSS 22:26
to truncate text
27 July 2021

AM
fixed background ‫ﺧﻠﻔﻳﺔ ﺛﺎﺑﺗﺔ ﺃﺛﻧﺎء ﺳﻛﺭﻭﻝ ﻓﻲ ﺍﻟﺻﻔﺣﺔ‬00:12

AM
icons
00:28
flaticons.com 00:28

AM
css sprite tool .com 01:01

AM
28 of 47 3/7/2022, 8:36 PM
clipcss clip css , clip path

HTML CSS
AM
css section separator https://wweb.dev/resources/css-separator-
generator/
28 July 2021

AM
hover ... pseudo class selector
16:15
16:16
hover make image blur

AM
supporting high density screens:
fixed images sizes
just for some images that must look great on all devices like hero
images or carosal
29 July 2021

AM
responsivebreakpoints.com
01:18
01:20
cloudconvert.com 01:21
01:21
29 of 47 3/7/2022, 8:36 PM
HTML CSS

AM
————-
art direction 01:40
———————————— 01:43
svg backgrounds 01:43
01:43
svg icons logos simple graphics and backgrounds 01:45
01:52
icon fonts

AM
—————————————————
12:16
override border for input field
12:16
12:18
30 of 47 3/7/2022, 8:36 PM
transition
HTML CSS
css framework 12:32
12:32
cdn content delivery network 12:34

AM
suggestions
‫ﺍﻗﺗﺭﺍﺣﺎﺕ‬13:17
13:25
in html if we write data- we can our custom data attribute

AM
fieldsets and legends to group related form fields together
16:48
Do Not ever store sensetive values in hidden fields

AM
31 of 47 3/7/2022, 8:36 PM
HTML CSS
validating data
17:21
Photo
1224×180
always use maxlength with some values , otherwise the hacker will
send a very long characters and break your website
17:23
Photo
918×115
submit 2 identical results
17:32
formspree

AM
—————————-
17:53
center a box in the body
17:54
hover rotate
30 July 2021

AM
32 of 47 3/7/2022, 8:36 PM
HTML CSS
animate.style
reusable animation 13:41

AM
custom properties or css variables
18:55
18:59
css oop principle
BEM block element modifier 19:02
31 July 2021

AM
a media component
17:08
a call out component
—————————- 17:09
33 of 47 3/7/2022, 8:36 PM
first we will build all these components, and when they look great 17:10
HTML CSS and on a mobile, we will compose them together to make
on computer
the page.
a great note on how to make a website front end 17:10

we can use them to build other pages as well

AM
white-space nowrap

to prevent a badge to wrapping to a second line

AM
——————
19:19
good practice for lists in html and css
19:19
——————————- 19:19
19:22
example of BEM
where list__items cannot be found outside of list
19:36
sprite for svg
34 of 47 3/7/2022, 8:36 PM
svgsprit.es 19:37
HTML CSS
——————————- 19:46
19:46
problem: icon is not centered in its container
note the last three properties 19:47
19:47
19:47

AM
override placeholder color
22:50
22:50

AM
to simulate expanded in css
23:15
35 of 47 3/7/2022, 8:36 PM
HTML CSS
Bottom up vs Top down
1 August 2021

AM
if u have a grid with 2 columns and you want the first to be expanded

AM
to make somthing like this
22:21
Photo
1280×99
you can use flex 22:21
22:21
with
2 August 2021

AM
————————-
code i am proud of 18:58

https://codepen.io/ahmadmohammaddev/pen/zYwaVxm
3 August 2021

AM
———————
12:29
flex wrap to show an element of the row in the second row
12:29
36 of 47 3/7/2022, 8:36 PM
HTML CSS
12:40
to select an element that has both these classes, dont leave space
between classes

AM
classes order: generic classes then more specific classes to override

styles

AM
align search icon with word search in a button
16:02
the problem
16:03
37 of 47 3/7/2022, 8:36 PM
the solution
HTML CSS
—————————— 16:10
items in grid not aligned properly in center 16:11
16:11
16:11
solution: justify-items: center;
—————————————— 16:17
16:17
ruler
16:18
max-width: 700px;
16:18
the list is not centered
16:19
38 of 47 3/7/2022, 8:36 PM
HTML CSS
solution: margin: 0 auto;
4 August 2021

AM
problem: want to remove the margin of the first feature item

AM
———————————- 13:20
center the brand logo to center 13:20
13:20
13:20
—————————————- 13:21

AM
measure performance
6 August 2021

AM
https://icons8.com/line-awesome
39 of 47 3/7/2022, 8:36 PM

HTML
icons
CSS
7 August 2021

AM
https://www.ooed.org
best online courses 17:42

AM
Photo
840×66
want icons or buttons
27 September 2021

AM
——————————————-
‫ﻣﻠﺧﺹ ﻛﻭﺭﺱ ﺍﻟﺯﻳﺭﻭ ﻟﻣﻭﻗﻊ ﻣﺗﻌﺩﺩ ﺍﻟﻠﻐﺎﺕ‬11:20
11:20
image_2021-09-27_11-20-35.png
Not included, change data exporting settings to
download.
80.2 KB

‫ﺿﻊ ﺗﻌﻠﻳﻖ ﻟﻛﻝ ﻣﺎ ﺳﻳﺣﺗﺎﺝ ﺗﻌﺩﻳﻝ ﻓﻲ ﺍﻟﻌﺭﺑﻲ ﻭﺃﻧﺕ ﺗﺻﻣﻡ ﺍﻟﻣﻭﻗﻊ ﺍﻻﻧﺟﻠﻳﺯﻱ‬
Or Make The Direction Edits In the Same Time. 11:25
——- 11:25

AM
image_2021-09-27_12-27-26.png
download.
8.3 KB
RTL FiLe is For Direction OnLy.
29 September 2021
40 of 47 3/7/2022, 8:36 PM

HTML
AM CSS
image_2021-09-29_13-50-47.png
download.
16.4 KB
bdi tag, and dir="auto" are greate features

AM
‫ﺗﻭﺳﻳﻁ ﺍﻟﻌﻧﺻﺭ ﺑﺎﻟﻁﻭﻝ‬
15:10
image_2021-09-29_15-10-11.png
download.
90.3 KB
15:14
image_2021-09-29_15-14-15.png
download.
229.7 KB
‫ﺿﺭﻭﺭﺓ ﻋﻣﻝ ﺭﻳﺳﻳﺕ ﻟﻠﻘﻳﻡ ﺍﻟﺗﻲ ﺗﺭﻳﺩ ﺃﻥ ﺗﻌﻣﻝ ﻟﻬﺎ ﺃﻭﻓﺭﺍﻳﺩ ﺃﺓ ﺗﻌﺭﻳﺏ ﻣﻥ ﺍﻻﻧﻛﻠﻳﺯﻱ ﻟﻠﻌﺭﺑﻲ‬
15:18
image_2021-09-29_15-18-00.png
download.
65.5 KB
rtl ‫ﺗﺟﻧﺏ ﺗﻌﺩﻳﻝ ﺍﻻﻟﻭﺍﻥ ﺿﻣﻥ ﻣﻠﻑ ﺍﻟﺗﺳﺎﻳﻝ ﺍﻝ‬

AM
In reply to this message
image_2021-09-29_16-58-55.png
download.
196.9 KB

‫ ﻭﷲ ﺃﻋﻠﻡ‬auto ‫ ﻟﻣﻌﻅﻡ ﺍﻟﻘﻳﻡ ﻫﻲ‬reset ‫ﺍﻝ‬
4 October 2021

AM
——————-
‫ ﻣﻥ ﻛﻭﺭﺱ ﺍﻟﺯﻳﺭﻭ‬sass ‫ﻣﻼﺣﻅﺎﺕ ﻣﻥ ﻛﻭﺭﺱ ﺍﻝ‬14:55
41 of 47 3/7/2022, 8:36 PM
‫ ﻭﻟﻥ‬css ‫ ﻟﻣﺟﻣﻭﻋﺔ ﻣﻥ ﺧﺻﺎﺋﺹ ﺍﻝ‬extend ‫ ﺇﺫﺍ ﻛﻧﺕ ﻣﺣﺗﺎﺝ ﺗﻌﻣﻝ‬placeholder ‫ﺍﺳﺗﺧﺩﻡ‬14:56

HTML CSS ‫ﺗﺳﺗﺧﺩﻣﻬﺎ ﻟﻭﺣﺩﻫﺎ‬
‫ﻣﺛﺎﻝ‬14:56
14:57
image_2021-10-04_14-57-14.png
download.
116.7 KB
‫ ﺑﺄﻻ ﻳﺣﻭﻝ ﻫﺫﺍ‬scss ‫ﺍﺟﻌﻝ ﺍﺳﻡ ﺍﻟﻣﻠﻑ ﻳﺑﺩﺃ ﺑـ _ ﻟﻛﻲ ﺗﺳﺗﺛﻧﻲ ﻣﻠﻑ ﻣﻥ ﺍﻟﺗﺭﺟﻣﺔ )ﻟﻛﻲ ﺗﺧﺑﺭ ﻣﺗﺭﺟﻡ ﺍﻝ‬15:06
‫ ﻟﻪ ﻓﻘﻁ‬import ‫( ﻷﻥ ﻫﺫﺍ ﺍﻟﻣﻠﻑ ﺳﺄﻗﻭﻡ ﺑﻌﻣﻝ‬css ‫ﺍﻟﻣﻠﻑ ﺇﻟﻰ ﻣﻠﻑ‬
15:06
image_2021-10-04_15-06-44.png
download.
12.5 KB

AM
image_2021-10-04_15-30-08.png
download.
55.1 KB
mixin example

AM
image_2021-10-04_17-47-58.png
download.
31.8 KB
interpolation in sass
17:51
image_2021-10-04_17-51-39.png
download.
212.9 KB
example about for loop is sass

AM
image_2021-10-04_18-41-41.png
download.
239.1 KB
each example in sass
42 of 47 3/7/2022, 8:36 PM

HTML
AM CSS
image_2021-10-04_19-02-57.png
download.
221.3 KB
each .. 2 variables
19:09
image_2021-10-04_19-09-40.png
download.
105.0 KB
each map sass example
23 October 2021

AM
image_2021-10-23_13-41-08.png
download.
149.5 KB
using css : text-align: justify
31 October 2021

AM
————————
tailwind 20:36
https://daisyui.com/components/button 20:36
https://tailwindcomponents.com/cheatsheet/ 20:37
20:38
image_2021-10-31_20-38-13.png
download.
70.2 KB

AM
https://ecommerce-tailwindcomponents.netlify.app/

ecommerce website tailwind

AM
https://statickit.com/guides/next-js-tailwind
https://daisyui.com/ 21:47
43 of 47 3/7/2022, 8:36 PM

HTML CSS
bootstrab using tailwind
21:47
image_2021-10-31_21-47-39.png
download.
200.6 KB
21:54
image_2021-10-31_21-54-03.png
download.
61.0 KB
important

https://www.tailwind-kit.com/components/buttons
https://www.tailwind-kit.com/components 21:54
21:58
image_2021-10-31_21-58-08.png
download.
90.1 KB
configuration for tailwind kit
http://preview.graygrids.com/item/shine-tailwind-css-template/ 22:02
22:05
image_2021-10-31_22-05-26.png
download.
154.7 KB
TEMPALTE

AM
image_2021-10-31_22-37-26.png
download.
276.4 KB
background ‫ﺗﺯﻳﻥ ﺑﻳﻬﺎ ﺍﻟﻘﺳﻡ ﺑﺗﺎﻋﻙ‬
44 of 47 3/7/2022, 8:36 PM
22:38
HTML CSS
image_2021-10-31_22-38-09.png
download.
448.1 KB
‫ﻟﻣﺎ ﺗﺩﻭﺱ ﻋﻠﻰ ﺯﺭ ﺑﺗﺭﻭﺡ ﻣﻐﻳﺭ ﺍﻟﺑﺭﻳﻔﻳﻭ ﺩﻩ ﻟﻔﻳﺩﻳﻭ ﻭﻫﻛﺫﺍ‬
1 November 2021

AM
https://tailwindcss.com/docs

docs tailwind

AM
06:45

AM
07:30
2 November 2021

AM
image_2021-11-02_11-26-28.png
download.
31.2 KB
justify-content for horizontal (priamry axis)
align-items: for secondary axis (vertical)
7 November 2021

AM
https://nicepage.com/ht/102017/nutrients-macros-and-more-html-
template

templates

AM
https://componentity.com/

copy paste
components 20:55
11 November 2021
45 of 47 3/7/2022, 8:36 PM

HTML
AM CSS
image_2021-11-11_00-08-44.png
download.
111.7 KB

flex
with grid the content fit to the layout 00:11
00:11
image_2021-11-11_00-11-42.png
download.
56.4 KB
00:12
image_2021-11-11_00-12-10.png
download.
63.8 KB
where as with flex the layout fit to the content
https://www.youtube.com/watch?v=18VLSXfsj94 00:12
——- 00:14
00:14
image_2021-11-11_00-14-05.png
download.
181.3 KB
00:14
image_2021-11-11_00-14-18.png
download.
202.3 KB
make how much colums of but with at least 20 rem per 00:14
couloumn

AM
https://nicepage.com/c/team-html-templates
https://cssgrid-generator.netlify.app/ 00:42
https://www.tailwind-tools.com/grid 00:42
REMEMBER THE UNSAFE GENERATOR 00:42
TRANSLATRORT 00:42
46 of 47 3/7/2022, 8:36 PM
https://transform.tools/css-to-tailwind 00:42
HTML CSS
47 of 47 3/7/2022, 8:36 PM

Notes of HTML Course

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Notes of HTML Course

Uploaded by

Copyright:

Available Formats

Exported Data file:///C:/Users/Ahmed/Downloads/Telegram%20Desktop/ChatExport...

Ahmed Muhammed created group «HTML CSS» with members Ahmed

Ahmed Muhammed removed ‫ﺍﺳﻣﺎء‬

Ahmed Muhammed 16:12

figure with captiion

In reply to this message 16:22

Ahmed Muhammed 17:15

In reply to this message 17:15

Ahmed Muhammed 17:40

In reply to this message 17:41

Ahmed Muhammed 18:03

pattern in selecting attribute

selector pattern attribute starts with

HTML CSS 18:09

combination patterns selectors

In reply to this message 18:11

direct child selector

select paragraph that is right after the section

to select all paragraphs elements that comes after a section (siblings to

Ahmed Muhammed 18:43

In reply to this message 18:43

zen coding unordered list with values and numbering

In reply to this message 18:50

override visited link

Ahmed Muhammed changed group photo

Ahmed Muhammed 14:13

pseudo element selector

css in the next line

Selector Specificity (Weight) 14:18

avoid important as much as possible 14:23

Ahmed Muhammed 14:42

remove style inheritance in css with initial keyword

color picker in google 14:49

colors using rgb function

rgb with alpha

Ahmed Muhammed 16:18

i have full control over the boarders 16:24

look for css shapes to make stars 16:30

great site to learn css 16:31

Ahmed Muhammed 18:58

Part 02 of course 18:58

we use margin to space elements 19:07

margin collapsing: when 2 elements next to each other their 19:10

Ahmed Muhammed 19:33

if we want inline element to have a width and height 19:50

we use the display property 19:51

Ahmed Muhammed 20:33

HTML CSS 20:34

In reply to this message 20:35

one hundred percent of the height of the view port

default font-size to make calculation if sizes in rem easier

Ahmed Muhammed 23:49

Ahmed Muhammed 19:50

lets talk about flex 19:50

In reply to this message 19:50

when adding flex 19:51

this is good in right to left languages like Arabic 19:54

in flex we should learn about axes

Ahmed Muhammed 20:20

to center an element in a div

in flex .. without flex-wrap

with align-content: center

Ahmed Muhammed 21:07