All solutions

Hi!, what's up? nothing much to say for this one, I have to optimize my classes more due to sometimes I name classes that I'll never use, therefore It's just a waste of code.

I'd like to mention that this is my second attempt using the 7-1 pattern for structuring projects, and I'm starting to feel more confident with it. There are a couple of differences in the way how I structured the challenge with the 7-1 pattern with respect to the last time basically because I figured out better ways to do certain things and I saw things that I misunderstood, thus I fixed them in this one.

As always, feedback is appreciated :D!.

Hi!, what's up? This is the first time I'm using the 7-1 pattern for SASS after reading some articles about it.

I didn't use some directories due to the small of the project (for instance, I couldn't use either the page, the layout, or the themes folders), but I hope in future personal projects I can use this methodology for structuring projects in a more extensive way.

Nothing else to say, as always, feedback is appreciated :D!.

Hi, what's up? Something I'd like to mention is that I made two designs with Grid, one focused on tablet and the other one on desktop due to that way everything looks better (If I had waited until the desktop view for the Grid container everything would've looked weird in the tablet view).

The first design (for tablets) is a 4-column and 3-row Grid, and the second one (for desktops) is a 3-column and 4-row Grid.

Just as the last thing, I used the SMACSS methodology once again, and also my own library for SASS mixins to give me a hand with things like Media Queries, Flexbox, and Grid (I recently added a new feature related with the media queries, therefore this is the first time that I use it).

As always, feedback is appreciated :D!.

I'd just like to mention that I used the SMACSS methodology once again for structuring this project, I've already used this method several times so I consider myself enough confidence at it to jump onto another kinda architecture for future projects with SASS such as 7-1.

P.D. Important to comment that I used my own mini-library with SASS mixins to give me a hand with things like Media queries, Flexbox and Grid.

As always, feedback is appreciated :D.

Hi, what's up? I've remade this project (I had already done it a few weeks ago, but now more organized) using the SMACSS methodology for structuring projects once again, and as always it helped for having stylesheets more modularized. Likewise, I used my own mini-library of SASS mixins to give me a hand with the media queries, flexbox, and grid :D.

I'd like to mention that I added a smooth animation when hovering the testimonials comments.

As always feedback is appreciated :D.

Hi, what's up? How I mentioned in my last solution, I'm rebuilding some projects that I had already done, but now with the knowledge that I didn't have (in this case, I didn't do too much because I had done this solution with CSS only, so the only difference that I did was in the HTML with the way how I structured it, and with a more organized CSS in contrast to the solution I created some weeks ago).

But as always, feedback is always appreciated :D!.

P.D. I've already said this in the other solution, but anyways it's important to mention it. In this project, I've implemented the use of logical properties such as inline-size (width), and block-size (height) due to nowadays there's already enough browser support for them.

Hi!, what's up? I had already made this challenge a few weeks ago, but I started to remade my projects (including the Frontend Mentor challenges) trying to apply new things I've learned, such as SASS (I had already known SASS, but just recently I finished of reading the documentation and practicing with it, so just now I feel confident enough to build projects with SASS).

I have to add that I used my own kinda library with mixins for SASS, such as mixins for media queries, Flexbox, and Grid.

Also, something important to mention is that I used the SMACSS methodology for structuring this project. I've already used this methodology a couple of times, but I'm still in the process of mastering it.

Feedback is always appreciated :D.

P.D. Likewise I've implemented the use of logical properties such as inline-size (width), and block-size (height) due to nowadays there's already enough browser support for them.

Hi! what's up? I have to mention that this is my first challenge :D.

First of all, I'd like to comment that I had a few issues trying to position the background images but I found a weird way to solve it thanks to another guy who made this challenge before, if you want to see what I'm talking about you can check the background position property in both repositories mine and the one from him ... Anyways I still don't understand at all why percentages didn't work as usual with the positioning of the images, therefore I'll continue looking for more information about it.

Feedback is always appreciated :D!.