Video 06: 5-6 Technical skills, flex gap and how to apply flex
Video 07: 5-7 Resume section Education and Experience area
Video 08: 5-8 Style contact form and image icons
Video 09: 5-9 Github pages hosting, live link and font awesome
Video 10: 5-10 Portfolio module summary and code overview
Video : 5_5-1 revision Portfolio modules and practice task
Video : 6-1 Five things you need to know for assignment
Video : 6-2 Build your new year new mission website
Video : 6_5-1 Pseudo class hover, visited, focu
Video : 6_5-2 First child, nth child, pseudo element before after
Video : 6_5-3 Position static relative absolute fixed sticky z-index
QUIZ
Question 01: What is the correct HTML for referring to an external style sheet? Ans: <link rel="stylesheet" type="text/css" href="mystyle.css">
Question 02: What is the css style name to create a shadow? ____?_____: 5px 5px 10px lightgray;
Ans: box-shadow
Question 03: When will you create a private GitHub repository? Ans: Client project or company project
Question 04: Which HTML attribute is used to define inline styles? Ans: style
Question 05: Which attribute is used for open hyperlink in the new tab ? Ans: target="_blank"
Question 06: What would be the maximum width of all elements in a website? Ans: 100%
Question 07: How would you apply a background image?
.header{
background-image: ___?___(“bg.png”);
}
Hint: mention the location of the image Ans: url
Question 08: Why should we use display:flex on a parent div? Ans: We can do both, but not at the same time;
Question 09: How would you set box-shadow to a div where the offset-y will be -16px? Ans: box-shadow: 60px -16px teal;
Question 10: (Note: this is important): What should we be careful of before deploying to github pages?
Ans: Differents between cases (in folder and image, stylesheet name both).
