Задача: Выполнение задания "Create Your First CSS Grid"

Проект: Самообучение

Задача: Выполнение задания "Make Typography Responsive"

Проект: Самообучение

Задача: Выполнение задания "Use a Retina Image for Higher Resolution Displays"

Проект: Самообучение

Задача: Выполнение задания "Make an Image Responsive"

Проект: Самообучение

Задача: Выполнение задания "Create a Media Query"

Проект: Самообучение

Задача: Выполнение задания "Store Data with Sass Variables"

Проект: Самообучение

Задача: Выполнение задания "Learn How Script Tags and Document Ready Work"

Проект: Самообучение

Задача: Выполнение задания "Create a Simple JSX Element"

Проект: Самообучение

Задача: Выполнение задания "Use tabindex to Add Keyboard Focus to an Element"

Проект: Самообучение

Задача: Выполнение задания "Make Links Navigatable with HTML Access Keys"

Проект: Самообучение

Задача: Выполнение задания "Give Links Meaning by Using Descriptive Link Text"

Проект: Самообучение

Задача: Выполнение задания "Avoid Colorblindness Issues by Carefully Choosing Colors that Convey Information"

Проект: Самообучение

Задача: Выполнение задания "Avoid Colorblindness Issues by Using Sufficient Contrast"

Проект: Самообучение

Задача: Выполнение задания "Improve Readability with High Contrast Text"

Проект: Самообучение

Задача: Выполнение задания "Make Elements Only Visible to a Screen Reader by Using Custom CSS"

Проект: Самообучение

Задача: Выполнение задания "Standardize Times with the HTML5 datetime Attribute"

Проект: Самообучение

Задача: Выполнение задания "Add an Accessible Date Picker"

Проект: Самообучение

Задача: Выполнение задания "Wrap Radio Buttons in a fieldset Element for Better Accessibility"

Проект: Самообучение

Задача: Выполнение задания "Improve Form Field Accessibility with the label Element"

Проект: Самообучение

Задача: Выполнение задания "Improve Chart Accessibility with the figure Element"

Проект: Самообучение

Задача: Выполнение задания "Improve Accessibility of Audio Content with the audio Element"

Проект: Самообучение

Задача: Выполнение задания "Make Screen Reader Navigation Easier with the footer Landmark"

Проект: Самообучение

Задача: Выполнение задания "Make Screen Reader Navigation Easier with the nav Landmark"

Проект: Самообучение

Задача: Выполнение задания "Make Screen Reader Navigation Easier with the header Landmark"

Проект: Самообучение

Задача: Выполнение задания "Wrap Content in the article Element"

Проект: Самообучение

Задача: Выполнение задания "Jump Straight to the Content Using the main Element"

Проект: Самообучение

Задача: Выполнение задания "Use Headings to Show Hierarchical Relationships of Content"

Проект: Самообучение

Задача: Выполнение задания "Know When Alt Text Should be Left Blank"

Проект: Самообучение

Задача: Выполнение задания "Add a Text Alternative to Images for Visually Impaired Accessibility"

Проект: Самообучение

Задача: Выполнение задания "Build a Survey Form"

Проект: Самообучение

Задача: Выполнение задания "Use the align-self Property"

Проект: Самообучение

Задача: Выполнение задания "Use the order Property to Rearrange Items"

Проект: Самообучение

Задача: Выполнение задания "Use the flex Shorthand Property"

Проект: Самообучение

Задача: Выполнение задания "Use the flex-basis Property to Set the Initial Size of an Item"

Проект: Самообучение

Задача: Выполнение задания "Use the flex-grow Property to Expand Items"

Проект: Самообучение

Задача: Выполнение задания "Use the flex-wrap Property to Wrap a Row or Column"

Проект: Самообучение

Задача: Выполнение задания "Use the align-items Property in the Tweet Embed"

Проект: Самообучение

Задача: Выполнение задания "Align Elements Using the align-items Property"

Проект: Самообучение

Задача: Выполнение задания "Use the justify-content Property in the Tweet Embed"

Проект: Самообучение

Задача: Выполнение задания "Align Elements Using the justify-content Property"

Проект: Самообучение

Задача: Выполнение задания "Apply the flex-direction Property to Create a Column in the Tweet Embed"

Проект: Самообучение

Задача: Выполнение задания "Use the flex-direction Property to Make a Column"

Проект: Самообучение

Задача: Выполнение задания "Apply the flex-direction Property to Create Rows in the Tweet Embed"

Проект: Самообучение

Задача: Выполнение задания "Use the flex-direction Property to Make a Row"

Проект: Самообучение

Задача: Выполнение задания "Add Flex Superpowers to the Tweet Embed"

Проект: Самообучение

Задача: Выполнение задания "Use the flex-shrink Property to Shrink Items"

Проект: Самообучение

Задача: Выполнение задания "Use display: flex to Position Two Boxes"

Проект: Самообучение

Задача: Выполнение задания "Make Motion More Natural Using a Bezier Curve"

Проект: Самообучение

Задача: Выполнение задания "Use a Bezier Curve to Move a Graphic"

Проект: Самообучение

Задача: Выполнение задания "Learn How Bezier Curves Work"

Проект: Самообучение

Задача: Выполнение задания "Change Animation Timing with Keywords"

Проект: Самообучение

Задача: Выполнение задания "Animate Multiple Elements at Variable Rates"

Проект: Самообучение

Задача: Выполнение задания "Animate Elements at Variable Rates"

Проект: Самообучение

Задача: Выполнение задания "Make a CSS Heartbeat using an Infinite Animation Count"

Проект: Самообучение

Задача: Выполнение задания "Animate Elements Continually Using an Infinite Animation Count"

Проект: Самообучение

Задача: Выполнение задания "Create Visual Direction by Fading an Element from Left to Right"

Проект: Самообучение

Задача: Выполнение задания "Create Movement Using CSS Animation"

Проект: Самообучение

Задача: Выполнение задания "Modify Fill Mode of an Animation"

Проект: Самообучение

Задача: Выполнение задания "Use CSS Animation to Change the Hover State of a Button"

Проект: Самообучение

Задача: Выполнение задания "Learn How the CSS @keyframes and animation Properties Work"

Проект: Самообучение

Задача: Выполнение задания "Create a More Complex Shape Using CSS and HTML"

Проект: Самообучение

Задача: Выполнение задания "Create a Graphic Using CSS"

Проект: Самообучение

Задача: Выполнение задания "Use the CSS Transform Property skewY to Skew an Element Along the Y-Axis"

Проект: Самообучение

Задача: Выполнение задания "Use the CSS Transform Property skewX to Skew an Element Along the X-Axis"

Проект: Самообучение

Задача: Выполнение задания "Use the CSS Transform scale Property to Scale an Element on Hover"

Проект: Самообучение

Задача: Выполнение задания "Use the CSS Transform scale Property to Change the Size of an Element"

Проект: Самообучение

Задача: Выполнение задания "Create Texture by Adding a Subtle Pattern as a Background Image"

Проект: Самообучение

Задача: Выполнение задания "Use a CSS Linear Gradient to Create a Striped Element"

Проект: Самообучение

Задача: Выполнение задания "Create a Gradual CSS Linear Gradient"

Проект: Самообучение

Задача: Выполнение задания "Adjust the Tone of a Color"

Проект: Самообучение

Задача: Выполнение задания "Adjust the Hue of a Color"

Проект: Самообучение

Задача: Выполнение задания "Adjust the Color of Various Elements to Complementary Colors"

Проект: Самообучение

Задача: Выполнение задания "Learn about Tertiary Colors"

Проект: Самообучение

Задача: Выполнение задания "Learn about Complementary Colors"

Проект: Самообучение

Задача: Выполнение задания "Center an Element Horizontally Using the margin Property"

Проект: Самообучение

Задача: Выполнение задания "Change the Position of Overlapping Elements with the z-index Property"

Проект: Самообучение

Задача: Выполнение задания "Push Elements Left or Right with the float Property"

Проект: Самообучение

Задача: Выполнение задания "Lock an Element to the Browser Window with Fixed Positioning"

Проект: Самообучение

Задача: Выполнение задания "Lock an Element to its Parent with Absolute Positioning"

Проект: Самообучение

Задача: Выполнение задания "Move a Relatively Positioned Element with CSS Offsets"

Проект: Самообучение

Задача: Выполнение задания "Change an Element's Relative Position"

Проект: Самообучение

Задача: Выполнение задания "Adjust the Hover State of an Anchor Tag"

Проект: Самообучение

Задача: Выполнение задания "Set the line-height of Paragraphs"

Проект: Самообучение

Задача: Выполнение задания "Set the font-size of Paragraph Text"

Проект: Самообучение

Задача: Выполнение задания "Set the font-weight for Multiple Heading Elements"

Проект: Самообучение

Задача: Выполнение задания "Set the font-size for Multiple Heading Elements"

Проект: Самообучение

Задача: Выполнение задания "Use the text-transform Property to Make Text Uppercase"

Проект: Самообучение

Задача: Выполнение задания "Decrease the Opacity of an Element"

Проект: Самообучение

Задача: Выполнение задания "Add a box-shadow to a Card-like Element"

Проект: Самообучение

Задача: Выполнение задания "Adjust the Size of a Header Versus a Paragraph Tag"

Проект: Самообучение

Задача: Выполнение задания "Adjust the background-color Property of Text"

Проект: Самообучение

Задача: Выполнение задания "Create a Horizontal Line Using the hr Element"

Проект: Самообучение

Задача: Выполнение задания "Use the s Tag to Strikethrough Text"

Проект: Самообучение

Задача: Выполнение задания "Use the em Tag to Italicize Text"

Проект: Самообучение

Задача: Выполнение задания "Use the u Tag to Underline Text"

Проект: Самообучение

Задача: Выполнение задания "Use the strong Tag to Make Text Bold"

Проект: Самообучение

Задача: Выполнение задания "Adjust the Height of an Element Using the height Property"

Проект: Самообучение

Задача: Выполнение задания "Adjust the Width of an Element Using the width Property"

Проект: Самообучение

Задача: Выполнение задания "Create Visual Balance Using the text-align Property"

Проект: Самообучение

Задача: Выполнение задания "Use a media query to change a variable"

Проект: Самообучение

Задача: Выполнение задания "Change a variable for a specific area"

Проект: Самообучение

Задача: Выполнение задания "Cascading CSS variables"

Проект: Самообучение

Задача: Выполнение задания "Improve Compatibility with Browser Fallbacks"

Проект: Самообучение

Задача: Выполнение задания "Attach a Fallback value to a CSS Variable"

Проект: Самообучение

Задача: Выполнение задания "Use a custom CSS Variable"

Проект: Самообучение

Задача: Выполнение задания "Create a custom CSS Variable"

Проект: Самообучение

Задача: Выполнение задания "Use CSS Variables to change several elements at once"

Проект: Самообучение

Задача: Выполнение задания "Use RGB to Mix Colors"

Проект: Самообучение

Задача: Выполнение задания "Use RGB values to Color Elements"

Проект: Самообучение

Задача: Выполнение задания "Use Abbreviated Hex Code"

Проект: Самообучение

Задача: Выполнение задания "Use Hex Code to Mix Colors"

Проект: Самообучение

Задача: Выполнение задания "Use Hex Code for Specific Colors"

Проект: Самообучение

Задача: Выполнение задания "Override All Other Styles by using Important"

Проект: Самообучение

Задача: Выполнение задания "Override Class Declarations with Inline Styles"

Проект: Самообучение

Задача: Выполнение задания "Override Class Declarations by Styling ID Attributes"

Проект: Самообучение

Задача: Выполнение задания "Override Styles in Subsequent CSS"

Проект: Самообучение

Задача: Выполнение задания "Prioritize One Style Over Another"

Проект: Самообучение

Задача: Выполнение задания "Inherit Styles from the Body Element"

Проект: Самообучение

Задача: Выполнение задания "Style the HTML Body Element"

Проект: Самообучение

Задача: Выполнение задания "Understand Absolute versus Relative Units"

Проект: Самообучение

Задача: Выполнение задания "Use Attribute Selectors to Style Elements"

Проект: Самообучение

Задача: Выполнение задания "Use Clockwise Notation to Specify the Margin of an Element"

Проект: Самообучение

Задача: Выполнение задания "Use Clockwise Notation to Specify the Padding of an Element"

Проект: Самообучение

Задача: Выполнение задания "Add Different Margins to Each Side of an Element"

Проект: Самообучение

Задача: Выполнение задания "Add Different Padding to Each Side of an Element"

Проект: Самообучение

Задача: Выполнение задания "Add a Negative Margin to an Element"

Проект: Самообучение

Задача: Выполнение задания "Adjust the Margin of an Element"

Проект: Самообучение

Задача: Выполнение задания "Adjust the Padding of an Element"

Проект: Самообучение

Задача: Выполнение задания "Use an id Attribute to Style an Element"

Проект: Самообучение

Задача: Выполнение задания "Set the id of an Element"

Проект: Самообучение

Задача: Выполнение задания "Give a Background Color to a div Element"

Проект: Самообучение

Задача: Выполнение задания "Make Circular Images with a border-radius"

Проект: Самообучение

Задача: Выполнение задания "Add Rounded Corners with border-radius"

Проект: Самообучение

Задача: Выполнение задания "Add Borders Around Your Elements"

Проект: Самообучение

Задача: Выполнение задания "Size Your Images"

Проект: Самообучение

Задача: Выполнение задания "Specify How Fonts Should Degrade"

Проект: Самообучение

Задача: Выполнение задания "Import a Google Font"

Проект: Самообучение

Задача: Выполнение задания "Set the Font Family of an Element"

Проект: Самообучение

Задача: Выполнение задания "Change the Font Size of an Element"

Проект: Самообучение

Задача: Выполнение задания "Style Multiple Elements with a CSS Class"

Проект: Самообучение

Задача: Выполнение задания "Use a CSS Class to Style an Element"

Проект: Самообучение

Задача: Выполнение задания "Use CSS Selectors to Style Elements"

Проект: Самообучение

Задача: Выполнение задания "Change the Color of Text"

Проект: Самообучение

Задача: Выполнение задания "Define the Head and Body of an HTML Document"

Проект: Самообучение

Задача: Выполнение задания "Declare the Doctype of an HTML Document"

Проект: Самообучение

Задача: Выполнение задания "Nest Many Elements within a Single div Element"

Проект: Самообучение

Задача: Выполнение задания "Check Radio Buttons and Checkboxes by Default"

Проект: Самообучение

Задача: Выполнение задания "Create a Set of Checkboxes"

Проект: Самообучение

Задача: Выполнение задания "Create a Set of Radio Buttons"

Проект: Самообучение

Задача: Выполнение задания "Use HTML5 to Require a Field"

Проект: Самообучение

Задача: Выполнение задания "Add a Submit Button to a Form"

Проект: Самообучение

Задача: Выполнение задания "Create a Form Element"

Проект: Самообучение

Задача: Выполнение задания "Add Placeholder Text to a Text Field"

Проект: Самообучение

Задача: Выполнение задания "Create a Text Field"

Проект: Самообучение

Задача: Выполнение задания "Create an Ordered List"

Проект: Самообучение

Задача: Выполнение задания "Create a Bulleted Unordered List"

Проект: Самообучение

Задача: Выполнение задания "Turn an Image into a Link"

Проект: Самообучение

Задача: Выполнение задания "Make Dead Links Using the Hash Symbol"

Проект: Самообучение

Задача: Выполнение задания "Nest an Anchor Element within a Paragraph"

Проект: Самообучение

Задача: Выполнение задания "Link to Internal Sections of a Page with Anchor Elements"

Проект: Самообучение

Задача: Выполнение задания "Link to External Pages with Anchor Elements"

Проект: Самообучение

Задача: Выполнение задания "Add Images to Your Website"

Проект: Самообучение

Задача: Выполнение задания "Introduction to HTML5 Elements"

Проект: Самообучение

Задача: Выполнение задания "Delete HTML Elements"

Проект: Самообучение

Задача: Выполнение задания "Comment out HTML"

Проект: Самообучение

Задача: Выполнение задания "Uncomment HTML"

Проект: Самообучение

Задача: Выполнение задания "Fill in the Blank with Placeholder Text"

Проект: Самообучение

Задача: Выполнение задания "Inform with the Paragraph Element"

Проект: Самообучение

Задача: Выполнение задания "Headline with the h2 Element"

Проект: Самообучение

Задача: Выполнение задания "Say Hello to HTML Elements"

Проект: Самообучение