All solutions

Hi, I really enjoyed this challenge. I implemented a scale effect when hovering over the article sections. I a next version I will take more care on accessibilty and will make use of tab-index and a skip navigation. I think this layout is a good usecase for these accessbility features. Best

Hi, how can I optimize the rendering of the logos? And it would be great if someone could tell me how to optimize the JS. Best, Sven

Hi,

there are a some details, I don't understand: 1.) Where to place the quotation marks? I think, it is neccessary to display them as background-image. Otherwise you need to set Opacity, which makes the Headline blurr. I tried first to put it in a div and place it absolute. Than I put the marks as background in heade. Problem: They are not displayed as in design. How to cope with this? 2.) Testimonial images behaves mostly okay. Except Jonathan Walters and Jeanette Harmon, when the containers are very small. How to tackle this? Best and stay healthy,

S.

Hi all, I am interested in:

1. How to declutter my JS?
2. How to prevent the content of the page from "jumping"? When in mobile (light) mode switching to darkmode, appears s a divider between "Dark Mode" and "Total Followers". This divider is only visible in darkmode. Due to the class ".visible_divider" which is append via JS.
3. The switcher / Toggle Buttons after reload does not switch to the right but stays on the left. (Dark Mode side) Best and stay healthy

It would be great if I could get feedback relating to the codestructure. How can I improve it so that it become professional and maintable? Also there is an issue with the Dollar Sign and the price. Because the "$" is not vertically centered. I have no clue how to accomplish this? Best and stay healthy

Hi, in Chrome the star-ratings are not displayed correctly as in firefox.

While coding this challenge, I found a video by Kevin Powell about aimating gradients – which fits perfectly to this challenge. It's applied at .load-used. I had issues to center the boxes in te desktop view. I applied flex-basis, so that both boxes are on one line. But the align-items: center does not work anymore. I solved this with adding a padding-top: 25% – but this does not feel good. :)

I am not satisfied with the broad grid-gap, but I have no idea, how to narrow it.

Hi, I have to questions: 1. Concerning JS: when the user types in an invalid e-mail, an error message appears. How can I make this message vanish, if the input field is blank again, because the user deleted the invalid message. I want to achieve this without reload. Is this possible? And if, it would be very great, if you are willing to link further information. I think I have a related issue in another project of mine. 2. Not neccassary use of calc in CSS If you would take your time to have a look at my CSS. There I target the input-field like this: input[type="email"] As mentioned in the CSS commentary I male use of calc, because I have a "strange" issue, without it in mobile view. To cite my own comment in the CSS: "Without calc, the width is signifantly higher – than the button in mobile view. Is it because of the box-shadow?"

Thank you for your time and your kindness in answering my question(s). Best & Cheers

Help wanted :) 1.) My font seems wrong, compared with the design master. I don't see why. 2.) The background image does not look correct. Is there a possibility to stretch it over the whole body? The concerning properties are set in css within body. 3.) The Logo.svg in the top left seems too big compared to the design master. I've no idea how to shrink it. width does not work as intended. 4.) the .hero-btn in my css seems very verbose. But I've no idea how to reduce the code here. 5.) I did borders around the social media icon to match the circle optic from the design master. But I messed it up. Is there a "one-fits-all" solution to give social media icons a "working" circle? (The class is .hero-sm-icons in my css.) Thank you!