{"page":"\n\n
\n
\n
\n
\n
\n\nVideo\n
\n

\nThe Art of Doing - Web Development for Beginners - Search Engine Project Part 1\n

\n
\n
\nGet Free Access for 10 Days!\n
\n
\n
\n
\n
\n
×
\n\n\n
\n\nPublisher:\n\nCurated Video\n\n\n
\n
\nIn this video, we will start working on our project by coding the index and style.css files. You will learn how to style various elements of the search engine layout, including setting colors, backgrounds, shadows, and fonts. We will use...\nIn this video, we will start working on our project by coding the index and style.css files. You will learn how to style various elements of the search engine layout, including setting colors, backgrounds, shadows, and fonts. We will use predefined color codes to style our project according to the Google theme.

This clip is from the chapter \"CSS Layout Systems\" of the series \"The Art of Doing - Web Development for Beginners\".In this section, we will dive into different CSS layout systems, including Flexbox and Grid. These layout systems allow you to create responsive and dynamic web designs by controlling the placement and alignment of elements in one or two dimensions.\n
\n
\n\n
\n
\n
\n
\n

Resource Details

\n
\n
\n
\n
Curator Rating
\n
\n
\n
\n
\n
\n
Educator Rating
Not yet Rated
\n
\n
\n
\n
\n
Media Length
\n
16:21
\n
\n
\n
\n
\n
Grade
Higher Ed
\n
\n
\n
\n
\n
Subjects
STEM
3 more...
\n
\n
\n
\n
\n
Media Type
Instructional Videos
\n
\n
\n
\n
\n
Source:
\n
\nPackt - Web Development\n\n
\n
\n
\n
\n
\n
Date
\n
2023
\n
\n
\n
\n
\n\n
Language
English
\n
\n
\n
\n
\n
Audiences
For Teacher Use
2 more...
\n
\n
\n
\n
\n
Usage Permissions
Fine Print: Educational Use
\n
\n
\n
\n
\n
\n

Additional Materials

\n
\n\nSign in or Join Now
\" data-title=\"Get Full Access\" data-container=\"body\" rel=\"popover\" tabindex=\"0\" href=\"/subscription/new\">Video Transcript\n
\n
\n\nSign in or Join Now
\" data-title=\"Get Full Access\" data-container=\"body\" rel=\"popover\" tabindex=\"0\" href=\"/subscription/new\">Video Preview\n
\n
\n
\n

Concepts

\n
\n
html, javascript, color
\n
\n\n\n
\n
\n
\n
\n

Additional Tags

\n
\n
web development, css, responsive web design, web design principles, user experience (ux) design, web development tools, front-end development, web design projects, body tag, vida loca, horizontal axis, cross axis, vertical axis, pretty happy, parent container, anchor tag, single row, vita loca, font family, main tag, main axis, text color, whitish color, justify content, pretty good, sits inside, gonna set, box shadow, background color, image tag, small image, border radius, google font, footer tag, line items, header tag, x5 pixels
\n
\n\n\n
\n
\n
\n
\n

Classroom Considerations

\n
Best For: Explaining a topic
Video is ad-free
\n
\n
\n

Educator Ratings

\n
\n
\n
\n
\n
\n\nShow resource details\n
\n
\n\" data-title=\"Get Full Access\" data-container=\"body\" rel=\"popover\" tabindex=\"0\" aria-label=\"Play video: The Art of Doing - Web Development for Beginners - Search Engine Project Part 1\" href=\"/subscription/new\">\"The\n\n
\n
\n
\n\n\n\n"}