Skip to content
Submitted about 4 years ago

Mobile first website using scss and bem

TiredQuan•245
@TiredQuan
A solution to the Four card feature section challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I had a hard time nailing the exact design of the card's border-top, mine curved with the card but the one in the design doesn't do that, so I'm a little puzzled by that

Code

Please log in to post a comment

Log in

Community feedback

  • Chamu•13,860
    @ChamuMutezva

    Greetings TiredQuan

    • notably missing in your html structure are semantic html elements like header, main etc. Where possible avoid using the div if there is a more suitable element.
    • a site has to have at most one h1 element - which points me back to the issue I mentioned above. One of the div must be an h1

    Happy coding

    Marked as helpful
  • P
    Patrick•14,265
    @palgramming

    your issue is at the point where your mobile layout becomes your desktop half your desktop layout ends up outside the browser window. This challenge works good with a middle transition of 2 columns with 2 cards. This is easy to do using grid template areas to be able to rearrange cards with a few lines of code

    Marked as helpful

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