3-Column Preview Card Component - Frontend Mentor HTML CSS
The Second video in my frontend Mentor series, the process gets a little more difficult with the use of flex box to enhance responsiveness. In this video you will get the basics of flexbox and start to dive into media queries. Below I have all the links you'll need to access the challenge as well as resources to learn some of the techniques. As always thanks for watching. 0:00 Introduction to Challenge 0:43 HTML Setup 4:49 CSS Styling 20:20 Mobile Responsiveness 26:42 Challenge Upload and Comparison The Challenge - https://www.frontendmentor.io/challenges/3column-preview-card-component-pH92eAR2- The Live Site - https://haydnkerr.github.io/challenges/3-column-preview-card-component-main/ The Git Repo - https://github.com/haydnkerr/challenges/tree/main/3-column-preview-card-component-main Resources - (media queries) https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries - (flexbox) https://css-tricks.com/snippets/css/a-guide-to-flexbox/ Portfolio - http://haydnkerr.com
Download
0 formatsNo download links available.