Frontend Mentor | Sonja Krafft's profile

Latest comments

Yejin Han (한예진)•270
@Yejin-Han
Submitted 11 months ago
What are you most proud of, and what would you do differently next time?
Nothing special.. but I think my work fits all screen widths.
What challenges did you encounter, and how did you overcome them?
In order to fit all screen widths responsively, even parts not in the design file had to be designed in my own way so that the layout was not broken. This part was difficult because it took time, but I tried this and that and chose the layout that looked the best.
What specific areas of your project would you like help with?
I would like to know if this code is unnecessary and if it is applicable to actual work. Also, I would like you to let me know if there are any parts I can make that are not more complicated. In particular, if you code with mobile-first workflow, it would be nice to know how to normally set the branch point of mediaquery.
Loopstudios landing page
#bem#sass/scss
1
Sonja Krafft•310
@sonmikrafft
Posted 10 months ago
Your solution is awesome! It really is very responsive to different sizes. But you could move the "IMMERSIVE EXPERIENCES THAT DELIVER" to the center for tablet sizes.

You could also create multiple .scss files for different parts to make the index.scss easier to maintain.

Great Work!
Marked as helpful
Josephine Fitalvo•260
@fitalvojosephine
Submitted 11 months ago
What are you most proud of, and what would you do differently next time?
I'm proud of the flex layout and its layer effect.
What challenges did you encounter, and how did you overcome them?
The exact measurement soon. I will subscribe to the pro.
What specific areas of your project would you like help with?
Feedback more, please. I will continue the eye layer. Happy coding everyone :)
NFT Preview Card Component
#accessibility#bem
1
Sonja Krafft•310
@sonmikrafft
Posted 10 months ago
Looks perfect! Great Work!
Matizeq•180
@Matizeq
Submitted about 2 years ago
Ecommerce product page main
#animation#sass/scss#semantic-ui
1
Sonja Krafft•310
@sonmikrafft
Posted 10 months ago
Great Work! I like your design decisions for the discount and the button. You could still add the orange border-bottoms for the desktop menus in the header and take care of images. They do not keep their proportions but stretch when the viewport size changes.
Abdul Waris Sedeeq•300
@Abdul-Waris-2566
Submitted almost 2 years ago
News Homepage + Responsive Using HTML SCSS and a bit of JavaScript.
#accessibility#bem#sass/scss#animation
1
Sonja Krafft•310
@sonmikrafft
Posted 11 months ago
Love your design choices! Looks great! However, you could remove the color of the blue hyperlinks.
```
a, a:visited, a:hover {
    color: inherit;
    text-decoration: none;
  }
```
Excellent Work!
Lawrence Afriyie•240
@LorryAfriyie
Submitted 11 months ago
What are you most proud of, and what would you do differently next time?
Being able to correct validation errors during runtime of the website and creating separate JS files to encapsulate functions which deal with the purpose of validating the contact form and styling it accordingly when the correct input has been detected.
Contact form built with react.js
#react#vite#sass/scss
1
Sonja Krafft•310
@sonmikrafft
Posted 11 months ago
Looks great!
dolapobj•310
@dolapobj
Submitted 11 months ago
What are you most proud of, and what would you do differently next time?
Simple JS, kept my html semantic
What challenges did you encounter, and how did you overcome them?
Nothing really on this one.
FAQ Accordion
#sass/scss
1
Sonja Krafft•310
@sonmikrafft
Posted 11 months ago
Great solution for the background image that responds to any width!