- Approx. completion time: 1.5 hours
- Deliverables: 1 HTML file, 1 CSS file
Making a card pattern that is completely clickable.
- Fork this repository.
- Write the HTML and CSS necessary to make a link card.
- The hover state should match what’s shown in the video.
- The content can be found inside the
content.txt
file. - Run it through Markbot and make sure it passes all the checks.
- Typefaces:
Georgia
,Dosis
- Text sizes:
1.5rem
,1.125rem
,1rem
,0.875rem
- Colours:
#785439
,#cabdb2
,#512200
,#9a816d
,#dcd4cd
,#f0eee8
- Border widths:
3px
,2px
- Border radii:
3px
,8px
Visually match the images in the “screenshots” folder and create the interaction shown in the linked video.
Drop this folder into your Markbot application. Make sure to fix all the errors. And submit to Canvas using Markbot.