After completing https://www.udemy.com/course/design-and-develop-a-killer-website-with-html5-and-css3/ by Jonas Schmedtmann I've decided to practice by going through challenges on Frontend Mentor. Will be taking each challenge from every level. HTML and CSS first to get some practice before moving on to JS.
Difficulty | Table of Contents |
---|---|
NEWBIE | Order Summary Component |
NEWBIE | Stats-preview-card |
NEWBIE | 3-column preview card component |
NEWBIE | Social proof section |
NEWBIE | Profile card |
NEWBIE | FAQ accordion card |
NEWBIE | Article preview component solution |
- Live Site URL: https://djokaras.github.io/order-summary-component/
- Repository URL: https://github.com/Djokaras/order-summary-component
- Solution URL: https://www.frontendmentor.io/challenges/order-summary-component-QlPmajDUj/hub/flexbox-desktop-first-mCpLz7h-H/
- Live Site URL: https://djokaras.github.io/Stats-preview-card/
- Repository URL: https://github.com/Djokaras/Stats-preview-card
- Solution URL: https://www.frontendmentor.io/solutions/grid-flexbox-for-layout-pseudo-class-for-violet-color-wDjVQcnhC/
- Live Site URL: https://djokaras.github.io/3-column-preview-card-component/
- Repository URL: https://github.com/Djokaras/3-column-preview-card-component
- Solution URL: https://www.frontendmentor.io/solutions/css-grid-without-media-queries-2M_KD2UP2/
- Live Site URL: https://djokaras.github.io/Social-proof-section/
- Repository URL: https://github.com/Djokaras/Social-proof-section
- Solution URL: https://www.frontendmentor.io/solutions/css-grid-flexbox-YUpByXzP1/
- Live Site URL: https://djokaras.github.io/profile-card-component/
- Repository URL: https://github.com/Djokaras/profile-card-component
- Solution URL: https://www.frontendmentor.io/solutions/flexbox-Q9vD-8rPa/
- Live Site URL: https://djokaras.github.io/FAQ-accordion-card/
- Repository URL: https://github.com/Djokaras/FAQ-accordion-card
- Solution URL: https://www.frontendmentor.io/solutions/flex-absolute-positioning-62Es5SBtU