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 News homepage using HTML, CSS, and JavaScript

HaYeong 100

@hypyeon

Desktop design screenshot for the News homepage coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


I had so much fun solving this challenge. I was lazy to learn about responsive mobile menu feature using JavaScript. I am proud to have figured it out on my own. Yet it was my first trial so any tips and feedback on that specific feature would be appreciated! Another thing I was not very confident about was using Bootstrap and Flex at the same time. It does get complicated from time to time and I learned that it's very important to plan things ahead before coding - looking at the challenge and writing down the sequence of each block (or session) on my note helped clearing it up for myself before starting. Anyways, anyone who's reviewing my work, thank you very much for spending your time on it, and happy coding! :>

Community feedback

Account Deleted

Not a big issue but remember to try and include a Favicon where possible. This came up in the console "Failed to load resource: the server responded with a status of 404 ()".

Also interesting use of Bootstrap, do you find it easier to make responsive layouts using it? If you aren't already, I would get very familiar with Flexbox and CSS Grid, and you may find creating layouts like this is immensely easier than fiddling around with Bootstrap, that has been my experience. Just my $0.02.

Otherwise fantastic work!

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