Jag gjorde MarkDown sidan mer responsiv med hjälp av relativa enheter, media queries och Flexbox. Det behövdes bara ett par värden att updatera med relativa enheter, så det var inget strul med det. Jag använde media query för att anpassa sidan till mobila enheter under 800px. Jag anpassade bilden, titlarna och taballen men använde också Flexbox in i media queryn för att ändra ordningen på stycken och bilden så att de ser bättre ut:
https://als071208ap.hemsida.eu/markdownv2/markdownv2.html
MarkDown före:
MarkDown efter:
_______________________________________________________________________________________
För att träna på ramverk använde jag Materialize för att skapa en ny version av min landing page från början. Jag löste de flesta problemen med hjälp av information på deras hemsida och ett par Youtube tutorials. Det var rätt klurigt men det är väldigt effektivt om man blir bra på det. Jag tycker om Materialize och kanske provar något annat ramverk längre fram: