I denna uppgift har jag använt mig av Media Queries för att skapa en mer responsiv design utav Markdown-sidan jag tidigare gjort. Detta är dock en ganska krånglig process, då det krävs att man gör många justeringar för att säkerställa att designen fungerar bra på olika skärmstorlekar och enheter. Det innebär att man måste anpassa både layout och funktionalitet för att möta användarnas behov.
Förändringar och Utverdering
Jag har lagt till Media Queries för att göra designen mer responsiv och anpassad för olika skärmstorlekar. Tidigare var layouten endast optimerad för större skärmar, men nu justeras bredden och fontstorleken på element när skärmen är mindre än 768px och 480px. Det gör att sidan blir lättare att använda på mobiler och surfplattor, där layouten anpassas för att ge bättre utrymme och läsbarhet.
Jag tyckte att denna uppgift var bra, eftersom jag föredrar att arbeta på detta sätt istället för att använda ramverk. Anledningen till detta är att ramverk är relativt nytt för mig och jag känner att jag fortfarande inte kan det så bra. Jag tycker det är lättare att lära mig och experimentera på det här sättet, medan ramverk ibland känns begränsande och svårare att anpassa efter mina egna behov.
Efter:
