Skip to content

super-seguros/css-challenge

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 

Repository files navigation

CSS Challenge

Hello mate 👋, thanks for your interest in being part of Super.mx.

Here you are going to find the instructions for the CSS/Markup challenge.

Insutrctions

We give you a new screen for our new life insurance flow where you can see the pricing options from each insurance type.

Your Job is to markup (HTML and CSS) the mobile screen.

You can inspect the Figma file in order to get the font sizes, colors, spacing, and dimensions but have in mind that we work for a lot of devices so try to use the most scalable units possible.

Some considerations to have in mind:

  • We have a "switch" controller to switch between insurance types.
  • We use the Google font "Outfit".
  • If you have time, it would be awesome (and extra points) to have the desktop version as well.
  • You can use Tailwind if you want but is not required.
  • The minimum device size that we want to address is the iPhone 5.
  • Ideally make the markup as semantic as possible and consider the a11y rules.

Pull Request

Once you finished the challenge, please make a PR to this repo.

Figma File:

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published