Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive Fylo landing page with Sass

P
Marina 820

@MarinaDur

Desktop design screenshot for the Fylo landing page with two column layout coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Good challenge! If anyone knows how to add an email error message when pressing a button without JS I will be greatful! Also an easy way to change a color on SVG image. Thank you!

Community feedback

Adriano 34,090

@AdrianoEscarabote

Posted

Hi Marina, how are you? I really liked the result of your project, but I have some tips that I think you will enjoy:

I noticed that in higher resolutions the content is stretching a lot and harming the design of the project, to solve this we can use a max-width! but as we have background colors we don't want it to stop stretching so apply the max-width only to the parent element of the content! and not on the div that has the background color!

in the case of this challenge I can demonstrate what I'm talking about in these two divs:

<div class="footer__logo-img" style="max-width: 1440px; margin: 0 auto;">
<div class="footer__content" style="max-width: 1440px; margin: 0 auto;">

The rest is great!

I hope it helps... 👍

0

P
Marina 820

@MarinaDur

Posted

@AdrianoEscarabote Thank you so much very helpful!

1
Adriano 34,090

@AdrianoEscarabote

Posted

@MarnyMarina happy coding!!

0
Joshua Mo 130

@joshua-mo-143

Posted

Hi there!

I don't really think there is any way to add an email error message without JS, but you can add validation to individual input boxes (regex patterns, input type, that kind of thing) to make sure that only certain requirements are met. A quick one I'd add is "required", just to ensure the user has actually inputted something in the newsletter subscription form.

0

P
Marina 820

@MarinaDur

Posted

@joshua-mo-143 Thank you!

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord