diff --git a/FrontendMentor/article-preview-component/css/style.css b/FrontendMentor/article-preview-component/css/style.css index de8ed8c..1ff1283 100644 --- a/FrontendMentor/article-preview-component/css/style.css +++ b/FrontendMentor/article-preview-component/css/style.css @@ -55,7 +55,7 @@ body { */ .previewImage > img { width: 100%; - margin:-4.5% 0 -14.5% 0%; + margin:-5% 0 -14.5% 0%; } .previewBody { @@ -193,7 +193,7 @@ body { font-size: 13px; } -.attribution { font-size: 11px; text-align: center; } +.attribution { position: absolute; bottom: 0; font-size: 11px; text-align: center; } .attribution a { color: hsl(228, 45%, 44%); } @media screen and (min-width: 500px) { diff --git a/FrontendMentor/article-preview-component/notes/process.md b/FrontendMentor/article-preview-component/notes/process.md index a525e30..ecfbcf9 100644 --- a/FrontendMentor/article-preview-component/notes/process.md +++ b/FrontendMentor/article-preview-component/notes/process.md @@ -45,4 +45,4 @@ Used this https://cssdeck.com/labs/bv45bh6p for the callout/tooltip Don't understand why the img/svg inside the button shifts up when tooltip appears. -Broke the desktop version while adding the share stuff. Not entirely sure how. \ No newline at end of file +~~~Broke the desktop version while adding the share stuff. Not entirely sure how.~~~ \ No newline at end of file