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

\nThe Art of Doing - Web Development for Beginners - Search Engine Project Part 2\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, you will learn how to add a form to the main tag of the index page and style it. We will also add the search feature to our search engine project. Additionally, we will add the news feature to display news articles with...\nIn this video, you will learn how to add a form to the main tag of the index page and style it. We will also add the search feature to our search engine project. Additionally, we will add the news feature to display news articles with thumbnails.

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
22:00
\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, anchor tag, news item, news article, main tag, feeling lucky, pixel solid, font size, pizza recipes, main axis, cross axis, search engine, internal padding, vertical direction, align items, search styling, pretty good, text color, section tag, background color, input field, justify content, image tags, news baseball, border radius, text align, news section, class button, margin bottom, news
\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 2\" href=\"/subscription/new\">\"The\n\n
\n
\n
\n\n\n\n"}