tarasis
/
rmcg.dev
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

base styles from the readme

This commit is contained in:
Robert McGovern 2022-02-20 04:39:51 +01:00
parent 1993993b97
commit 87a7a868dc
2 changed files with 45 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
projects/FrontendMentor/newbie/faq-accordion-card/css/style.css Normal file
View File

@ -0,0 +1,27 @@
/*
Info:
desktop size 1440x768
mobile size 375x768
*/
@import url("https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@400;700&display=swap");
:root {
/* colors: */
/* Text */
-col-red-soft: hsl(14, 88%, 65%);
-col-blue-very-dark-desaturated: hsl(238, 29%, 16%);
-col-blue-very-dark-grayish: hsl(237, 12%, 33%);
-col-blue-dark-grayish: hsl(240, 6%, 50%);
/* divider */
-col-blue-light-grayish: hsl(240, 5%, 91%);
/* backgroun gradient */
-col-violet-soft: hsl(273, 75%, 66%);
-col-blue-soft: hsl(240, 73%, 65%);
/* Fonts */
-font-size: 12px;
}

26
projects/FrontendMentor/newbie/faq-accordion-card/index.html
View File

@ -1,22 +1,31 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- displays site properly based on user's device --> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- displays site properly based on user's device -->
<link rel="icon" type="image/png" sizes="32x32" href="./images/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="32x32" href="./images/favicon-32x32.png">
<title>Frontend Mentor | FAQ Accordion Card</title> <title>Frontend Mentor | FAQ Accordion Card</title>
<!-- Feel free to remove these styles or customise in your own stylesheet 👍 --> <!-- Feel free to remove these styles or customise in your own stylesheet 👍 -->
<style> <style>
.attribution { font-size: 11px; text-align: center; } .attribution {
.attribution a { color: hsl(228, 45%, 44%); } font-size: 11px;
text-align: center;
}
.attribution a {
color: hsl(228, 45%, 44%);
}
</style> </style>
</head> </head>
<body> <body>
How many team members can I invite? How many team members can I invite?
You can invite up to 2 additional users on the Free plan. There is no limit on You can invite up to 2 additional users on the Free plan. There is no limit on
team members for the Premium plan. team members for the Premium plan.
What is the maximum file upload size? What is the maximum file upload size?
@ -32,9 +41,10 @@
Do you provide additional support? Do you provide additional support?
Chat and email support is available 24/7. Phone lines are open during normal business hours. Chat and email support is available 24/7. Phone lines are open during normal business hours.
<div class="attribution"> <!-- <div class="attribution">
Challenge by <a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>. Challenge by <a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>.
Coded by <a href="#">Your Name Here</a>. Coded by <a href="https://tarasis.net">Robert McGovern</a>.
</div> </div> -->
</body> </body>
</html> </html>