Responsive landing page using html and css
Design comparison
Solution retrospective
Ran to a lot of issues during this process. For starters I couldn't figure out how to fuse the search bar with the arrow icon so i went for a regular button
The mobile view works but I couldn't figure out how to shift the photo to the right for the desktop version.
Im posting my result just to get some feed back and see what others have done.
Community feedback
- @BananaTechsPosted almost 3 years ago
Hi Ellson! I wish we could see the site. I think the github pages setup needs some adjustment, and then you can just edit the solution's link. It's better to have one repository per project, beacause you can only have one github page per repository, so that way you can have multiple solutions at once. Also, having seprate repositories means that rolling one back in git won't roll back other projects in the same repository. You could check out my solution to see how it's set up.
As for how to have the image display to the right, you can set the parent container as display: flex, which displays all the container's children in a row from left to right. You could also set flex-direction: row-reverse if necessary, and flex-direction: column for mobile layouts.
Hope this helps!
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