Skip to content
Submitted over 1 year ago

Sunny Side Agency Landing Page | HTML/CSS | JavaScript | Mobile-First

Cornflakes•290
@CornflakesPlus
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Agency landing page
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

Heyyooo! How are you today? (I really do care)

First of all, I think this is not a Junior level challenge maybe more like level 3. It was a massive challenge with A LOT of CSS. If you want to test your basic CSS skills, this challenge is a good start. Anyways, I learned and improved many things on the way to accomplishing this challenge.

Some questions:

  1. How long did it ( or would it) take you to complete this project?

  2. What primary tools would you use for this project?

  3. What tools and technologies should I learn in 2023 for a FrontEnd Development job?

  4. When to use ChatGPT and Ai tools?

  5. Is it worth learning WordPress, WebFlow, or any other website-building tools?

  6. What would you rate my solution?

0 = lowest ( go back to school kid) 5 = highest ( You're a pro bro).

  1. Any suggestions to improve my JavaScript?

I will GREATLY appreciate the time and knowledge you would give me. If I could donate to you I would ;)

Community feedback

  • Suleman•750
    @legion40216Posted over 1 year ago

    Hi, great work on this challenge. I agree that this challenge was easily intermediate because this project requires good knowledge of flex and grid and position properties to accomplish it.

    I am impressed on your "second section" which doesn't use an height value if you can explain how you did that i struggled with it a lot and had no choice to add height value

    and over all i rate your work an easy 4.5 out of 5

    1
    Cornflakes•290
    @CornflakesPlusPosted over 1 year ago

    Hi Suleman.

    I used width: 100vw; height: 100vh; on the wrapper divs for the "Second-Section" (or services section). Did you point to the right section?

    0

Please log in to post a comment

Log in with GitHub

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