Submitted 11 months ago

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

#accessibility#jquery

Cornflakes• 290

@CornflakesPlus

Preview site View code

This is a solution for...

Sunnyside agency landing page

HTML
CSS
JS

2junior

View challenge

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:

How long did it ( or would it) take you to complete this project?
What primary tools would you use for this project?
What tools and technologies should I learn in 2023 for a FrontEnd Development job?
When to use ChatGPT and Ai tools?
Is it worth learning WordPress, WebFlow, or any other website-building tools?
What would you rate my solution?

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

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

@legion40216

Posted 11 months 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

Cornflakes• 290

@CornflakesPlus

Posted 11 months 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?

Please log in to post a comment

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