In todays class we had a group critique for our Project 03 web pages. As a class we together looked at our Women in Design, and Street of Crocodile websites, both on HTML and CSS, as well as Framer.
Paul gave me some great feedback for my websites. One issue that I did come across over both my coded websites, was that I didn’t use the correct measurement when setting the size of elements when doing the CSS for my webpages. I was using px, and Paul recommended to me that I should use rem, as it means that the element is sized appropriately to the viewport, meaning that it is more flexible, whereas with px, the elements are fixed in the same position no matter what size the viewport is which isn’t good. I fixed this by applying rem to all elements in my design where it is necessary. This was super insightful to know that this was such an easy fix.
Another critique point for me was that my Framer site was going slightly weird. The headlines weer moving the the right a little bit whenever the website was opened up on the web, even though on the Framer app they were in the right position and were completely fine. This is an issue that I unfortunately wasn’t able to fully fix, as no matter what I tried, I couldn’t seem to get them in the correct position for when it was opened up on the web. This is something that I had to just leave as I spent a long time to fix it, but Framer shouldn’t be moving elements anyway so I just left them not looking perfect, but as good as I could get them. As you can see below the heading ‘Luminous Mornings’ moves to the right when opened on the web. It looked far worse that this before I wrestled with it.
How it’s supposed to look
How it looks on the web
Overall I received pretty positive feedback from Paul for this project so I am happy enough. The points that I did critiqued on were mostly minor issues that could be fixed. It was good to be able to receive expert advice and criticism from someone who has worked in the industry and has a good understanding of the skills and techniques that we were using.