Submitted almost 2 years ago

Responsive homepage using flexbox and grid

Biljana Kotevska•130

@BiljanaKotev

Preview site View code

This is a solution for...News homepage

HTML
CSS
JS

2junior

Design comparison

SolutionDesign

Solution retrospective

I did not do the mobile menu exactly as shown in the document files, because i did not know how to go about doing it. But I did add a simple hamburger menu drop down for mobile view with js. I want to see the others soultions so I can attempt the actual mobile menu. I'm sure I could have used grid better but overall I'm happy with the way it came out.

Community feedback

Account deleted
I like your solution in the Desktop layout

I have some advice for you

since you're already comfortable when it comes to the Desktop layout try to practice your mobile layout skill if ever you're confident to your skill when it comes to the mobile layout try to build some website that you need to implement the mobile layout first before the desktop layout....

< ++ > because majority of experienced front-end web they always create the mobile layout first before the desktop layout since is much more easier compared to desktop why.. in the mobile layout you're only using single column (vertical content ) & multiple rows.. in the Desktop there is a possibility you need to create a multiple columns and tricky layout but it depends to design you're following

if ever you're interested to develop your skill in a mobile layout try to learn this properly.

How to used Grid

How to used Flex-Box

How to used positioning

if you know these it will help you tremendously when it comes to building mobile layout including Desktop layout too in a easier way.
Marked as helpful
0

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