<p><img src="01-fylo-beta-signup-landing.jpg" alt=""></p>
<p><a href="https://tealalala.github.io/frontendmentor-vanilla/01-fylo-beta-signup-landing/index.html">View Demo</a> | <a href="https://github.com/tealalala/tealalala.github.io/tree/master/frontendmentor-vanilla/01-fylo-beta-signup-landing">View Source Code</a></p>
<p>I started the “Fylo beta sign up landing page” from the <a href="https://frontendmentor.io">Frontend Mentor challenges</a> to update my old CSS skills (in the year of HTML table tag layouts!) and learn the newer CSS3. Also, I got a chance to use SASS, a CSS preprocessor. The website is responsive for:</p>
<ul>
<li>mobile min-width 375px (for selected devices)</li>
<li>desktop min-width 1440px</li>
</ul>
<p>I’ll be improving this project to make it more responsive with other devices.</p>
<hr>
<h2>Technologies Used</h2>
<ul>
<li>vanilla CSS (grid, flexbox, media queries, transition)</li>
<li>CSS-SASS (partials, variables)</li>
<li>HTML</li>
<li>no frameworks or libraries used</li>
</ul>
<hr>
<h2>What I Learned</h2>
<p>Translating a designer’s wireframe and style guide to web technologies</p>
<hr>
<h2>Sources</h2>
<ul>
<li><a href="https://frontendmentor.io/">Frontendmentor.io</a></li>
<li><a href="https://sass-lang.com/">Sass</a></li>
<li><a href="https://wesbos.com/courses/">Wes Bos – CSS Grid</a></li>
</ul>


Frontendmentor.io – Fylo beta sign up landing page

Technologies Used

What I Learned

Sources