{"id":272,"date":"2025-03-05T20:46:23","date_gmt":"2025-03-05T20:46:23","guid":{"rendered":"https:\/\/miokortelainen.fi\/?page_id=272"},"modified":"2025-04-11T16:13:22","modified_gmt":"2025-04-11T16:13:22","slug":"kirjoituksia","status":"publish","type":"page","link":"https:\/\/miokortelainen.fi\/?page_id=272","title":{"rendered":"Kirjoituksia"},"content":{"rendered":"\n
\"\"<\/figure>\n\n\n\n\n\n \n \n Clickable Boxes<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n background-color: #ebe0d3b8;\n margin: 0;\n min-height: 100vh; \/* Ensure the body takes at least the full viewport height *\/\n justify-content: center;\n align-items: center;\n }\n .container {\n display: flex;\n flex-direction: column;\n width: 100%;\n max-width: 1200px;\n gap: 20px;\n padding: 20px; \/* Added padding to container for better spacing *\/\n box-sizing: border-box; \/* Ensure padding is included in the width *\/\n }\n .box {\n background: #f1e9df;\n border: 2px solid black;\n border-radius: 10px;\n overflow: hidden;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n text-align: left;\n transition: transform 0.3s ease-in-out, border-width 0.3s ease-in-out;\n width: 100%;\n display: flex;\n align-items: center;\n box-sizing: border-box; \/* Ensure padding and borders are included in the width *\/\n }\n .box:hover {\n transform: scale(1.02);\n border-width: 4px;\n }\n .box a {\n display: flex;\n text-decoration: none;\n color: inherit;\n width: 100%;\n align-items: center;\n padding: 10px;\n box-sizing: border-box; \/* Ensure padding is included in the width *\/\n }\n .box img {\n width: 150px;\n height: 100px;\n object-fit: cover;\n margin-right: 20px;\n flex-shrink: 0; \/* Prevent the image from shrinking *\/\n }\n .box p {\n padding: 15px;\n font-size: 16px;\n margin: 0;\n flex: 1;\n word-wrap: break-word; \/* Ensure long words break and wrap *\/\n overflow-wrap: break-word; \/* Ensure text wraps within the container *\/\n box-sizing: border-box; \/* Ensure padding is included in the width *\/\n }\n@media (max-width: 600px) {\n .box {\n flex-direction: row;\n align-items: flex-start;\n width: 100%;\n padding: 10px;\n }\n .box img {\n width: 80px;\n height: auto;\n margin-right: 10px;\n flex-shrink: 0;\n }\n .box p {\n padding: 0;\n font-size: 14px;\n flex: 1;\n word-break: break-word;\n }\n\n \/* Additional adjustments for very small screens (below 400px) *\/\n @media (max-width: 400px) {\n .box img {\n width: 60px;\n margin-right: 8px;\n }\n .box p {\n font-size: 12px;\n }\n }\n}\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <div class=\"box\">\n <a href=\"https:\/\/www.sdp.fi\/ehdokkaat-kuntavaalit\/kortelainen-mio\/\" target=\"_blank\">\n <img decoding=\"async\" src=\"https:\/\/miokortelainen.fi\/wp-content\/uploads\/2025\/03\/MioKortelainen-1.jpg\" alt=\"Mio Kortelainen\">\n <p>Kortelainen Mio – SDP Ehdokashaku<br \/>Julkaistu sivulla https:\/\/www.sdp.fi\/ehdokkaat-kuntavaalit\/kortelainen-mio\/<\/p>\n <\/a>\n <\/div>\n <div class=\"box\">\n <a href=\"https:\/\/www.helsinginuutiset.fi\/paikalliset\/8406421\" target=\"_blank\">\n <img decoding=\"async\" src=\"https:\/\/i.media.fi\/incoming\/u5qcai\/7278132.jpg\/alternates\/FREE_960\/7278132.jpg\" alt=\"Mio Kortelainen\">\n <p>Vaalikyn\u00e4 | Ennaltaehk\u00e4isy on avain hyvinvoivaan Helsinkiin<br \/>Julkaistu sivulla https:\/\/www.helsinginuutiset.fi\/paikalliset\/8406421<\/p>\n <\/a>\n <\/div>\n <div class=\"box\">\n <a href=\"https:\/\/www.hs.fi\/mielipide\/art-2000009672361.html\" target=\"_blank\">\n <img decoding=\"async\" src=\"https:\/\/images.sanoma-sndp.fi\/3bc30e93c32da7875c8b660b3a45b9fc.jpg\/normal\/658.avif\" alt=\"Image 2\">\n <p>Sotessa on huomioitava molemmat puolet<br \/>Julkaistu sivulla https:\/\/www.hs.fi\/mielipide\/art-2000009672361.html<\/p>\n <\/a>\n <\/div>\n <div class=\"box\">\n <a href=\"https:\/\/www.hs.fi\/mielipide\/art-2000010650498.html\" target=\"_blank\">\n <img decoding=\"async\" src=\"https:\/\/images.sanoma-sndp.fi\/51a4fdb50ed6482cea47417c544bd956.jpg\/normal\/658.avif\" alt=\"Image 3\">\n <p>Uupuneista opiskelijoista tulee uupuneita ty\u00f6ntekij\u00f6it\u00e4<br \/>Julkaistu sivulla https:\/\/www.hs.fi\/mielipide\/art-2000010650498.html<\/p>\n <\/a>\n <\/div>\n <div class=\"box\">\n <a href=\"https:\/\/www.ts.fi\/lukijoilta\/6346144\" target=\"_blank\">\n <img decoding=\"async\" src=\"https:\/\/www.ts.fi\/static\/content\/pic_5_6346144_k9751307_1200.jpg\" alt=\"Image 4\">\n <p>Suomalaismeppien tulee vaikuttaa liikkumisen lis\u00e4\u00e4miseen EU:ssa<br \/>Julkaistu sivulla https:\/\/www.ts.fi\/lukijoilta\/6346144<\/p>\n <\/a>\n <\/div>\n <div class=\"box\">\n <a href=\"http:\/\/www.theseus.fi\/handle\/10024\/855988\" target=\"_blank\">\n <img decoding=\"async\" src=\"https:\/\/www.theseus.fi\/bitstream\/handle\/10024\/855988\/Kortelainen_Mio.pdf.jpg?sequence=4&isAllowed=y\" alt=\"Image 5\">\n <p>Opinn\u00e4ytety\u00f6, Laurea AMK: Helsingin Asunnottomien y\u00f6n nykytilanne ja kehitt\u00e4mistarpeet<br \/>Julkaistu sivulla http:\/\/www.theseus.fi\/handle\/10024\/855988<\/p>\n <\/a>\n <\/div>\n <\/div>\n<\/body>\n<\/html>\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Clickable Boxes Kortelainen Mio – SDP EhdokashakuJulkaistu sivulla https:\/\/www.sdp.fi\/ehdokkaat-kuntavaalit\/kortelainen-mio\/ Vaalikyn\u00e4 | Ennaltaehk\u00e4isy on avain hyvinvoivaan HelsinkiinJulkaistu sivulla https:\/\/www.helsinginuutiset.fi\/paikalliset\/8406421 Sotessa on huomioitava molemmat puoletJulkaistu sivulla https:\/\/www.hs.fi\/mielipide\/art-2000009672361.html Uupuneista opiskelijoista tulee uupuneita ty\u00f6ntekij\u00f6it\u00e4Julkaistu sivulla https:\/\/www.hs.fi\/mielipide\/art-2000010650498.html Suomalaismeppien tulee vaikuttaa liikkumisen lis\u00e4\u00e4miseen EU:ssaJulkaistu sivulla https:\/\/www.ts.fi\/lukijoilta\/6346144 Opinn\u00e4ytety\u00f6, Laurea AMK: Helsingin Asunnottomien y\u00f6n nykytilanne ja kehitt\u00e4mistarpeetJulkaistu sivulla http:\/\/www.theseus.fi\/handle\/10024\/855988<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-272","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/miokortelainen.fi\/index.php?rest_route=\/wp\/v2\/pages\/272","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/miokortelainen.fi\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/miokortelainen.fi\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/miokortelainen.fi\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/miokortelainen.fi\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=272"}],"version-history":[{"count":62,"href":"https:\/\/miokortelainen.fi\/index.php?rest_route=\/wp\/v2\/pages\/272\/revisions"}],"predecessor-version":[{"id":412,"href":"https:\/\/miokortelainen.fi\/index.php?rest_route=\/wp\/v2\/pages\/272\/revisions\/412"}],"wp:attachment":[{"href":"https:\/\/miokortelainen.fi\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=272"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}