Git Product home page Git Product logo

html's Introduction

Codeable UI - Blog Post

Today's assignment consists of creating a web page that renders a blog post. The detailed design can be found here, but the overall picture is shown below:

https://p-vvf5mjm.t4.n0.cdn.getcloudapp.com/items/X6uEB5RE/800ce3be-9b2c-46d9-9fca-aa44c56c39eb.jpg?source=viewer&v=0609aafd22f536152ba546ed097a2685

You should take advantage of the responsive nature of plain HTML so when you shrink your window to simulate a phone screen everything should still good look ๐Ÿ˜Ž.

These pages should use elements of Codeable's Design System. Implement CSS classes for all the typographies and CSS variables for the color palette:

https://p-vvf5mjm.t4.n0.cdn.getcloudapp.com/items/04uE0yLP/47046a86-cfe5-4566-be17-0e0e2ede657f.jpg?source=viewer&v=7c00a6289453a0391336bcbe39e90e12

https://p-vvf5mjm.t4.n0.cdn.getcloudapp.com/items/xQuqZOz1/e47343e6-af39-4c41-b2c8-bf2125cb8ed6.jpg?source=viewer&v=21a6c1d9e6db9c1821f5b924991b86d2

html's People

Contributors

leydy avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.